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

/*基本*/
body{ margin:0; padding:0;}

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh; overflow:hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


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

  /** 區標設定 **/ 
  @media screen and (min-width:768px){
  .Area_txt {margin:0 auto; }
  .Area_txt img {width:800px !important; }	  
  }
  @media screen and (max-width:767px){
  .Area_txt {width:100% ;margin-bottom:2vw; }
  .Area_txt img {width:100% !important;}
  }



/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}


/*PC背景*/
@media screen and (min-width:768px){
.bg_color { z-index:-60; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-46; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_03 { z-index:-20; position:absolute; top:726px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_04 { z-index:-50; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.deco_01 {z-index: -10;position:absolute;top: 77px;left:0;width:100%;height: 589px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}
@media screen and (max-width:767px){
.bg_color { display: none;}
.m_deco { z-index:-10; position:absolute; top:25vw; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear;background-size:100%; pointer-events:none;}	
.m_deco_01 {z-index:0;position:absolute;top: 9vw;left:0;width:100%;height: 683px;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}			
}





/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title  {  height: 808px!important;}
.title_01 {z-index: 5;position:absolute;left:240px;top:38px;}
.Area_title .sub {z-index: 50;position: absolute;width: 100%;top: 338px;right: 0px;animation-delay:0s;}	
.title_date1 {z-index: 6;position:absolute;left:517px;top:52px;}
.Area_title .toptitle {position: absolute;top: 91px;left: 144px;width: 80%;z-index: 1;}
.momoco {position:absolute;left: 930px;top: 296px; z-index: 5;}
.kiwi {position:absolute;left: 154px;top: 272px; z-index: 6;}
.streamer {position:absolute;left: -250px;top: 170px; z-index: 6;}
}
@media screen and (max-width:767px){
.Area_title { height: 117vw;}	
.title_01 {z-index: 1;position:absolute;left:8vw;top:5vw;width:82%;}
.Area_title .toptitle {width: 90%;left: 0vw;top: 4vw; z-index: 0;}	
.title_date1 {z-index: 6;position:absolute;left:38vw;top:6vw;width:25%;}
.momoco {position: absolute;left: 82vw;top: 31vw; width: 15%;z-index: 0;}
.kiwi {position: absolute;left: 4vw;top: 31vw; width: 15%;z-index: 3;}

}




/*date*/
.Area_title .date{ z-index: 50;position: absolute; width: 112px; top: 365px; left: 235px;}
@media screen and (max-width:767px){
.Area_title .date{ width: 12%; top:28.5vw; left: 10vw; }
}


/*subtitle*/
.Area_title .mainsubtitle {z-index:100 ; position: absolute; top: 376px;height:85px ; left: 768px; transform: translateX(-50%); width: 380px; z-index: 1; overflow: hidden;}
.Area_title .mainsubtitle .PD_img { width: 100%;}
.Area_title .mainsubtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 166px;}
.Area_title .mainsubtitle ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}
@media screen and (max-width:767px){
.Area_title .mainsubtitle {z-index:100 ;position: absolute; top: 28.5vw;left: 64vw; width: 44%; z-index: 1;height:20vw ;}
.Area_title .mainsubtitle img { width: 100%;}
.Area_title .mainsubtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 166px;}
.Area_title .mainsubtitle ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}
}




/*2品公版*/	
.Area_title .Area_2pd .videobox1 { z-index:5; }
@media screen and (min-width:768px){
.Area_title .Area_2pd { top: 480px;height: 280px; margin: 0px auto 70px!important; }
}
@media screen and (max-width:767px){	
.Area_title .Area_2pd { top: 17vw;height: 74vw; margin: 0px auto 10vw!important;width: 96%; }
}


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffda0a;}    
.warningTxt h3 {color: #000;}
/*登記活動*/
@media screen and (min-width: 768px){
.Area03 {height: auto;padding-bottom: 50px !important;}
.Area03 .box {padding-top:0px;}
.Area03 .box01 {position: relative;padding: 0px 0;}
.Area03 .box03 {position: relative;padding: 0px 0;}
}

@media screen and (max-width: 767px){
.Area03 {height: auto;padding-bottom: 8vw!important;}
.Area03 .box_all {height: 100%;}
.Area03 .box {padding-top:0vw;}
.Area_danji { width: 96%}
}


/*24H瘋搶 4PD*/

/** 倒數 **/
.TimerNick { z-index:0; display:inline-block; padding-right:14px; height:48px;text-align:right;position: relative;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
@media screen and (max-width:767px){
.TimerNick { z-index:2; position: relative; top:0vw; left:-3%; display:inline-block; margin:0; padding-right:0%; width:85%; height:0; padding-bottom:10%; overflow:hidden; text-align:right;  /*background:url(m_time_bg.png?t=1774837720277) no-repeat center top; */background-size:100%;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:14vw; font: bold 7.5vw/11vw Century Gothic; color:#fff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:9vw;}
.TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
}
  
@media screen and (min-width:768px){
.Area_24H ul {width: 96%;}
}

@media screen and (max-width:767px){
.Area_24H ul {width: 96%;}
}

/** BG **/
@media screen and (min-width:768px){
.Area_24H_top {z-index: 0;position:absolute;top: -105px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}			
.Area_24H_repeat {z-index: 0;position:absolute;top: 70px;width:100%;height:583px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}			
.Area_24H_end {z-index: -8;position:absolute;top: 93px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}	
}
@media screen and (max-width:767px){
.m_Area_24H_bg {z-index: -1;position:absolute;top: 11vw;width:100%;height: 165vw;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
.Area_24H::before {content:"";position: absolute;display:block;top: -4vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_Area_item_top.png?t=1774837720278") center top/100% no-repeat scroll;}
.Area_24H::after {content:"";position: absolute;display:block;top: 6vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_Area_item_end.png?t=1774837720278") center bottom/100% no-repeat scroll;}	

}




/*活動連結*/
@media screen and (min-width:768px){
.Area_act .PD_layout ul {width: 100%;margin-top: 100px;}
}
@media screen and (max-width:767px){
.Area_act .PD_layout ul {width: 100%;margin-top:6vw;}
}



/*作圖區*/
@media screen and (min-width:768px){
.Area_item {height: auto;padding-bottom:60px !important;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*作圖區*/
.Area_item .PD_layout.layout_item .PD p b {color: #19689e;background-color: #ffd700;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
.Area_item .PD_layout.layout_item .PD_slide .PD p del {position: absolute; top: 71px;left: 105px; color: #fff;font-size: 19px;}
.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#fee072;font-size: 2em;}
.Area_item .PD_layout.layout_item .PD p {position: relative;top: 41px;left: 16px;height: 6em; padding: 13% 0 0;line-height: 1.6em; font-size: 1.3em; color: #fee072;}
.Area_item .PD_layout.layout_item li:nth-child(1) {background: url("item_bg1.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(2) {background: url("item_bg2.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(3) {background: url("item_bg2.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(4) {background: url("item_bg1.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(5) {background: url("item_bg1.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(6) {background: url("item_bg2.png?t=1774837720278") center top / 100% no-repeat scroll;}	
.Area_item .PD_layout.layout_item {padding:0;width: 100%;top: 20px;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_item .PD_layout.layout_item .PD_slide {height:788px;padding:0;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into { width: 100%;padding-left: 0;position: absolute;left: 0px; top: 367px; text-align: center;font-size: 1em; color: #fff;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:90.5%;margin:6% 0% 0% 5%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top: 107px; left: 0px; max-height: 1.4em; font-family: Noto Sans CJK TC;font-weight: 500; font-size: 1.8em; line-height: 1.6em; color: #fff; text-align: center; background: transparent !important;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.8em;color: #fff;text-align: center;  position: relative;top: 110px;left:0px;}
.Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#fff;}
.Area_item .PD_layout.layout_item .PD .PD_logo {position: relative;top: -154px; left: -15px; height: 8em; z-index: 90; border-radius: 26.5em !important;}
.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 10%; box-shadow: none;    border: none;}
.Area_item .PD_layout.layout_item .PD p small {font-size: 18px;}
}

@media screen and (max-width:767px){
.Area_item {height:100%;margin-bottom:12vw!important;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*作圖區*/
.Area_item .PD_layout.layout_item {padding: 0 0 0 0;top: 0vw;}
.Area_item .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
.Area_item .PD_layout.layout_item li:nth-child(1) {width:100%;height:80vw;left:0vw;background: url("item_bg1.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(2) {width:100%;height:80vw;left:0vw;background: url("item_bg2.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(3) {width:100%;height:80vw;left:0vw;background: url("item_bg2.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(4) {width:100%;height:80vw;left:0vw;background: url("item_bg1.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(5) {width:100%;height:80vw;left:0vw;background: url("item_bg1.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item li:nth-child(6) {width:100%;height:80vw;left:0vw;background: url("item_bg2.png?t=1774837720278") center top / 100% no-repeat scroll;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top:51.5vw;width: 100%;text-align:center;font-size: 0.7em;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo { position: absolute;left: 1vw;top: -40vw;height: 14vw; border-radius: 50%; display: block;z-index: 90;}
.Area_item .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
.Area_item .PD_layout.layout_item .PD .PD_logo img { box-shadow: none;border-radius: 34.5em!important;padding: 0%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:91%;margin:2vw 0vw 0vw 2.5vw;box-shadow: unset;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 1.4em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #ffffff;top:4vw;left:0vw;position: relative;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.4em;color:#ffffff;margin: 0;line-height: 1em;text-align: center;top:5vw;position: relative;left:0vw;}
.Area_item .PD_layout.layout_item .PD_slide .PD p del {top: 0vw;left: 0vw; color: #fff;z-index: 99;position: relative;font-size: 1.1em;}
.Area_item .PD_layout.layout_item .PD p {position: relative;top:3.8vw;left:0vw; height: 15vw;font-size: 1.1em;line-height: 2.8em;color:#fee072;}
.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#fee072;font-size: 2em;}
.Area_item .PD_layout.layout_item .PD p small {font-size: 1.4em;}
}





/*輪播BN*/
.Area_BN1 .swiper_remove_box_style ul li { background-color: #0000!important;margin: 0 3px;}
@media screen and (min-width: 768px){
.Area_BN1 { margin-bottom: 70px!important;height:420px; }
.Area_BN1 .Area_swiper_box { overflow: hidden; }
.Area_BN1 .Area_swiper_box ul {height: auto; }
.Area_BN1 .swiper_remove_box_style ul{height: 408px;margin:0px auto 0px}
}
@media screen and (max-width:767px){
.Area_BN1 {position: relative;margin-bottom: 4vw!important;height:45vw;}
.Area_BN1 .Area_swiper_box ul {height: auto; }
.Area_BN1 .swiper_remove_box_style ul{margin:0vw auto 0vw;  height: auto;width:96%;}

}







  @media screen and (min-width:768px){ 
  .Area_page1 { overflow: hidden; padding: 20px 0 !important ;height:472px; margin-bottom:50px !important;border-radius: 40px!important ;} 
  .Area_page1 h3 { color: #fff; margin: 0 auto 20px; padding: 0; font: bold 40px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area_page1 .PD_layout ul { width: 94%}

  .Area_page1 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 78px!important;top:0px;}
  .Area_page1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_page1 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 70px;font: 41px/80px "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#282828;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
  .Area_page1_bg {background-color: #6663ea; border:0px solid #6663ea;} 
  }
  @media screen and (max-width:767px){
  .Area_page1 { width: 100%!important; overflow: hidden; margin-bottom:10vw!important; border-radius: 4vw!important ;} 
  .Area_page1 h3 { color: #fff; margin: 0 auto 2vw; padding: 0; font: bold 5.2vw/9vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area_page1 .PD_layout ul { width: 96%}

  .Area_page1 .PD_layout .PD_into {width: 98%;margin: auto ;}
  .Area_page1 .PD_layout-btn .PD_into {width: 100%;margin: auto ;}
  .Areabottom { margin-bottom:10vw }
  .Area_page1 .Area_sectionTitle ul {width: 96%;}
  .Area_page1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_page1 .Area_sectionTitle ul li h5 {position: relative;top:2vw;margin: 0;padding: 0;width: 100%;height: 8vw;font: 6.5vw/6.5vw "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#282828;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
  .Area_page1_bg {background-color: #6663ea; border:0px solid #6663ea;padding-bottom: 3vw !important;} 
  }

  @media screen and (min-width:768px){ 
  .Area_page2 { overflow: hidden; padding: 20px 0 !important ;margin-bottom:50px !important ; height:868px ;border-radius: 40px!important ;} 
  .Area_page2 h3 { color: #fff; margin: 0 auto 20px; padding: 0; font: bold 40px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area_page2 .PD_layout ul { width: 94%}
  
  .Areabottom { margin-bottom:40px; }
  .Area_page2 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 78px!important;top:0px;}
  .Area_page2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_page2 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 70px;font: 41px/80px "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#282828;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
  .Area_page2_bg {background-color: #6663ea; border:0px solid #6663ea;padding-bottom: 3vw !important;}

  }
  @media screen and (max-width:767px){
  .Area_page2 { width: 100%!important; overflow: hidden; margin-bottom:10vw!important; border-radius: 4vw!important ;}  
  .Area_page2 h3 { color: #fff; margin: 0 auto 2vw; padding: 0; font: bold 5.2vw/9vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area_page2 .PD_layout ul { width: 96%}


  .Area_page2 .PD_layout .PD_into {width: 98%;margin: auto ;}
  .Area_page2 .PD_layout-btn .PD_into {width: 100%;margin: auto ;}
  .Areabottom { margin-bottom:10vw }
  .Area_page2 .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
  .Area_page2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_page2 .Area_sectionTitle ul li h5 {position: relative;top:2vw;margin: 0;padding: 0;width: 100%;height: 8vw;font: 6.5vw/6.5vw "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#282828;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
  .Area_page2_bg {background-color: #6663ea; border:0px solid #6663ea; padding-bottom: 3vw !important}
  }




/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 10px auto 10px  ; 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 #f52149 !important; background-color: #f52149 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                    











/*旗艦館*/
@media screen and (min-width:768px){
.Area_guan  {height:100%;}	
.Area_guan .PD_layout {width:65%;padding:0;margin:0 auto;padding-bottom:50px;}
}
@media screen and (max-width:767px){
.Area_guan  {height:100%;width:96%!important;}
.Area_guan .PD_layout {width:100%;margin:0 auto;padding-bottom:5vw;}
}








/*區塊_all*/
.Area1220 { 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;}
	}



/*共用樣式*/
  @media screen and (min-width:768px){
  .Area_bottom {padding-bottom:50px;}
  .pointer-off a{pointer-events: none;}
  }

	@media screen and (max-width:767px){
  .Area_bottom{padding-bottom:5vw;}
  .pointer-off a{pointer-events: none;}
  }