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

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

/* 登記高亮色設定 */
.Area_danji .danji_box ul li .activityText .gifts span {  color: #ff6b01; }

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; background: #ff6b01; text-align:left; font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.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;}
	}


.Area_bottom{ margin-bottom: 60px!important; }
@media screen and (max-width:767px){ .Area_bottom{ margin-bottom: 8vw!important; }	}

/*背景*/
/* .bg_01 { z-index:-10; position:fixed;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;} */
/* .bgdeco01 { z-index: 0; position: absolute; top: 1500px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(deco01.png?t=1770795449109) repeat-y center top; transition: 0.5s linear; pointer-events: none;} */

@media screen and (max-width:767px){	
  /* .m_bg01 { z-index: -40; position:fixed; top: 19px; left: 0; width: 100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;} */
}


/*版頭背景*/
.Area_bgtop { z-index: 0; position: absolute; top: 0; left: 50%; width: 2000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;}
.Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 1000px;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
  @media screen and (min-width: 768px) {
    .Area_bgtop span { background-repeat: no-repeat;}
    .Area_bgtop_fixed { position: fixed;}
    .Area_bgtop_1 .bgtop_1_2  { mix-blend-mode: hard-light;}	  
    .Area_bgtop_1 .bgtop_1_2 span { background-image: url(bgtop_1_2.png?t=1770877404517); height: 1200px;} 
    .bgbottom {z-index:-5;position:absolute;bottom:0;width:100%;min-width:1220px;height: 845px;background:no-repeat center top;pointer-events:none}
}


.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  @media screen and (max-width: 767px) {
    .m_Area_bgtop span { background-repeat: no-repeat;}
    .m_Area_bgtop_fixed { position: fixed; top: 0px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span { z-index: -3; position: absolute; top: 10vw; left: 0; width: 100%; height:100%; background: url(bgtop_mb.png?t=1770877404517)  center top no-repeat ; background-size: 100%; }
    /* .m_bgbottom{z-index:0;position:absolute;bottom:0;width:100%;height: 30vw;background: url(m_bgbottom.png?t=1770795449109) center 100% / 100% no-repeat scroll;pointer-events:none;mix-blend-mode: screen} */
  }




/*版頭*/
.Area_title .title_light { position: absolute; top: 140px; left: 10px; z-index: 30; animation: titlelight 0.8s infinite; opacity: 47%; mix-blend-mode: screen;}
@media screen and (max-width:767px){
  
.Area_title .title_light { position: absolute; top: 10vw; left: -21vw; z-index: 30; animation: titlelight 0.8s infinite; opacity: 37%; width: 30%;}	
}		
.Area_title .subb {z-index: 30;position: absolute;top: 205px;left: 124px;}
.Area_title .sub {  font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; font-size: 76px; color: #ff6b01; font-weight: 700;  }
.Area_title .PD_layout ul {background: rgba(255%,255%,255%,0);}
.Area_title .PD_layout li { border: none; }

.Area_title .top_pd .Area_swiper_box .PD_layout li {background: rgba(255%,255%,255%,0);}

@media screen and (min-width:768px){
.Area_title .clock{position: absolute;top:390px;left: 1070px;width: 50%;z-index: 0;transform: rotate(98deg);}
.Area_title .clock img{width: 100%}
.Area_title .clock_bg {position: absolute;}
.Area_title .clock_l {position: absolute;}  
.Area_title .stage {position: absolute;top: 370px;left: 580px;z-index: 0;}
.Area_title .ring02{position: absolute;top: 370px;left: 512px;z-index: 1;width: 64%;mix-blend-mode: plus-lighter;}
.Area_title .set_size img{width:70%}
.Area_title{ height: 660px; box-sizing: border-box;}
.Area_title .title01 {z-index: 28;position: relative;}

}
@media screen and (max-width:767px){
.Area_title .clock{position: relative;top: -4vw; left: 66vw; width: 52%;z-index: 0}
.Area_title .clock_bg {position: absolute;}
.Area_title .clock_l {position: absolute;}
.Area_title .stage {position: absolute;top:35vw;left:50vw;right: 1vw;z-index:0;width: 50%;}	
.Area_title .ring02{position: absolute;top:35vw;left:47vw;z-index: 1;width: 55%;mix-blend-mode: plus-lighter;}

.Area_title {height: 64vw;}
.Area_title .title01 { z-index:0; position: relative; width: 100%;}

  /*副標*/
  .Area_title .subb {top: 20vw;left: 5.5vw;}
  .Area_title .sub {  font-size: 8vw;   }
  .Area_title .Area_swiper_box .PD_layout li {  width: 100% !important; }

}
	

/*---版頭品輪播---*/
.top_pd p {  }
.top_pd {position: absolute;top: 66px;left: 233px;width: 779px;height: 470px;overflow: hidden;z-index: 31;}
.top_pd .ly {width: 100%;height: 100%;}
.top_pd .ly ul{width: 100%;height: 550px;padding: 0;grid-gap: 0 !important;}
 /*圖片*/	
 .top_pd .ly  ul li .PD_img{position: relative;padding: 0;/* top: -58px; */left: 394px;width: 44%;}   
@media screen and (max-width:767px){
.top_pd{width: 100%;position: absolute;top: 12.5vw;left: 5vw;height: 43vw;overflow: hidden;}
.top_pd .ly{padding: 0 0 0 0;}
.top_pd .ly ul{width: 100%;padding: 0;display: flex;grid-gap: 0 !important;height: 43vw;}
/*圖片*/	
.top_pd .ly ul li .PD_img{position: absolute;padding: 0;top: -4vw;left: 43vw;width: 50%;}
 
}

/*---版頭公版品輪播---*/
@media screen and (min-width:768px){
.top_pd01{
    padding-bottom: 58px;
    z-index: 99;
    position: relative;
}


}
	
/*活動倒數*/
.TimerNick {position: absolute; top: 366px; left: 170px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.3em;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 30px;  color:#404040; font-weight: normal; letter-spacing:1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 23px;  letter-spacing: 0.1em; color:#404040;}
.TimerNick b { font-weight: normal;}
@media screen and (max-width:767px){
  .TimerNick  {width:100%;top: 39vw;left: 9vw;display: flex;column-gap: 0.5em;text-align: left;}
  .TimerNick .FontStyle { margin:-0.25em 0 0 -0.01em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em; }
  .TimerNick span { padding-left: 0; font-size: 1em; letter-spacing: -0.05em; margin-left: -0.3em; }
  .TimerNick span:first-child{ margin-top: -0.1em; }
}    


/*區塊標題*/
.title00 {position: relative; margin:  0px 0 15px 0px;}
.title00 .PD_layout ul {background: rgba(255%,255%,255%,0);}
.title00 .PD_layout li { border: none; }
.title00 .txt { position: absolute; width: 960px; top: -5px; left: 131px; font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
.title00 .txt span { font-size: 50px; font-weight: 700; color: #ff6b01; }
@media screen and (max-width: 767px) {
  .title00 {  margin:  0 0 2vw 0px;}
  .title00 .txt {  width: 100%; top: -1.1vw; left: 0vw;  }
  .title00 .txt span { font-size: 6vw;  }

}



/* 版頭 */
.Area_title {height: 527px;}
@media screen and (max-width: 767px) {
  .Area_title {height: 59vw;}

}


/*01攻略*/
.Area01 { margin-top: 0px; margin-bottom: 60px!important;}
@media screen and (max-width: 767px) {
  .Area01 { margin-bottom: 7vw!important;}
  .Area01 .title {margin-top: -3vw;margin-bottom: 0vw;width: 100%;left: 0vw;position: relative;}

}


/*02登記*/
@media screen and (max-width: 767px) {
  .Area02  { margin: 6vw auto 0 auto !important;}
}



.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:absolute; left:0; width:100%;}
.Area_boxstyle > .Area_boxstyle_box:after  { content:""; display:block; z-index:-2; position:absolute; top:140px; left:0px; width:100%; height:100%;}
    @media screen and (min-width:768px){
      .Area_boxstyle > .Area_boxstyle_box { margin: 0; padding:0 0 40px; width: 1220px;}
      .Area_boxstyle > .Area_boxstyle_box:before { top: -10px; left: 0px; height: 150px;}
      .Area_boxstyle > .Area_boxstyle_box:after {height: calc(100% - 349px);}
      .Area_boxstyle > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgbottom.png?t=1770795449109);background-size: 100%;}
      .Area_boxstyle > .Area_boxstyle_box:before { background-image:url(Area_boxstyle_bgtop.png?t=1770795449109);background-size: 100%;  }
      .Area_boxstyle > .Area_boxstyle_box:after  { background-image:url(Area_boxstyle_bgcon.png?t=1770795449109);background-size: 100%;}

    }
@media screen and (max-width: 767px) {
  .Area02 .title1 {margin: 6vw 0 4vw 0; width: 126%; position: relative; left: -12vw; top: 1vw;}
  .Area_boxstyle > .Area_boxstyle_box { padding:0;}
  .Area_boxstyle > .Area_boxstyle_box:before { top:0vw; height:0vw;}
  .Area_boxstyle > .Area_boxstyle_box:after {top: 20.3vw;height: calc(100% - 42.7vw);left: -4vw; width: 109%;}
  .Area_boxstyle > .Area_boxstyle_box {padding-top: 0;}
  .Area_boxstyle > .Area_boxstyle_box:before {top: 8vw; height: 12.3vw; left: -4vw; width: 109%;}
  .Area_boxstyle > .Area_boxstyle_box {background-image: url(m_Area_boxstyle_bgbottom.png?t=1770795449109);background-size: 107%;padding-bottom: 4vw;}
  .Area_boxstyle > .Area_boxstyle_box:before { background-image: url(m_Area_boxstyle_bgtop.png?t=1770795449109);background-size: 100%;}
  .Area_boxstyle > .Area_boxstyle_box:after  { background-image: url(m_Area_boxstyle_bgcon.png?t=1770795449109);background-size: 100%;}

  }




/* 04 */
.Area04 .box { background: #4b65d3; padding: 20px 0;  }
.Area04 .box .PD_layout {  padding: 0 120px;  }
@media screen and (max-width: 767px) {
  .Area04 .box .PD_layout {  padding: 0;  }
}



/*一般公版*/
.AreaPD .title {margin: 45px 0 20px 0;}
@media screen and (max-width: 767px) {
  .AreaPD .title {width: 126%; position: relative; left: -12vw; top: 1vw;}
}







/*加購商品*/
.salePDbox{position: relative;margin: 0 auto;
	padding: 0;border-radius: 0;text-align: center;}
.salePD {position: relative;  text-align:center;height:390px;overflow-y: hidden}
.salePD img {padding: 0 5px 15px 5px;width:31%!important}
.salePD .PD_layout {text-align:left!important}
@media screen and (max-width: 767px) {
 .salePD {text-align:center!important;padding-top:4vw;width:100%}
 .salePD img {padding: 0 0vw 1vw 0vw;width:32%}

}

/*加購商品2*/
.salePDbox2{position: relative;
	padding: 0;border-radius: 0;  }
.salePD2 { background-color: #fff;border-radius: 15px; position: relative; }
.salePD2 img {padding: 0 5px 15px 5px;width:100%!important}
.salePD2 .PD_layout {}
@media screen and (max-width: 767px) {
	.salePDbox2{}
 .salePD2 {text-align:center!important;padding-top:4vw;width:100%;height:48vw;overflow-y: hidden}
 .salePD2 img {padding: 0 0vw 1vw 0vw;width:32%}

}

/* BN帶輪播 */
@media screen and (min-width:768px){
.Area12 .AreaBN{padding-bottom: 25px;}
}	
 @media screen and (max-width:767px){
.Area12 .AreaBN{padding-bottom: 4vw;}
}	
  

/*影片*/
.Area_video .video_box .yt1 {position: relative;z-index: 1;border: solid 0.15em #f9de9e;height: auto;margin-bottom: 70px;}
.Area_video .video_box .box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom:56%;}
.Area_video .video_box .box_youtube .youtubeArea * { margin: 0; padding: 0;}
.Area_video .video_box .box_youtube .youtubeArea iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.Area_video .video_box .box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
@media screen and (min-width:768px){
  .Area_video .btn_box{margin-bottom: 50px;}
  .box_youtube {width: 90%;top: 0px;margin: 0 auto;}
}
@media screen and (max-width:767px){
.Area_video .btn_box{margin-bottom: 6vw;}
.Area_video .video_box .box_youtube {position: relative;top:0vw;left: 0vw;width: 90%;height: auto;z-index: 1;margin: 0 auto;border: solid 0.15em #f9de9e;margin-bottom: 8vw;}
.Area_video .video_box .box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom:56%;}
 .box_youtube { width: 96%; top:0vw; margin: 0 auto;}
}

/*經典必Buy作圖區8品*/
@media screen and (min-width:768px){
  .Area_item {height: auto;padding-bottom:0;}
  .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 .PD_img::before{display: none !important;}
  /* .Area_PD1 .PD_layout .PD_img::before{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: 54px;left:26px;color:#000000;    font-size: 25px;}
  .Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;font-size: 2.7em;}
  .Area_item .PD_layout.layout_item .PD p {position: relative;top: -12px;/* left: 50px; */height: 5em;padding: 0% 0 0;line-height: 2.2em;font-size: 1em;color: #ff6b01 !important;font-weight:700;}
  .Area_item .PD_layout.layout_item li {background: url("item_bg.png?t=1770877404517") center top / 100% no-repeat scroll;}	
  .Area_item .PD_layout.layout_item {padding:0;/* width: 91%; */}
  .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: 500px;padding:0;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into {width: 100%;padding-left:0;position: absolute;/* left: 3px; */top: 287px;text-align: center;font-size: 1em;color: #fff;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width: 90%;margin: 3% 0% 0% 5%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/border-radius: 18px;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;/* top:107px; *//* left: 32px; */max-height: 1.4em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 1.7em;line-height: 1.6em;color:#000000;text-align: center;background: transparent!important;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.5em;color: #000000;text-align: center;position: relative;/* top:116px; *//* left: 9px; */width: 98%;}
  .Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#f12b46;}
  .Area_item .PD_layout.layout_item .PD .PD_logo {position: relative;top: -199px;left: -132px;height: 8em;z-index: 90;/* border-radius: 26.5em !important; */}
  .Area_item .PD_layout.layout_item .PD .PD_logo img {padding: 0%;box-shadow: none;border: none;width: 63%;height: auto;}	
  .Area_item .PD_layout .PD p .money{font-size: 35px;}
  .Area_item .PD_layout .PD p{color:#ffe744!important;}
    
    
    
  }
  
  @media screen and (max-width:767px){
  .Area_item {height:100%;}
  .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 .PD_img::before{display: none !important;}
  /* .Area_PD1 .PD_layout .PD_img::before{display: none !important;} */
  

  
  /*作圖區*/
      .Area_item .PD_layout.layout_item {padding: 0 0 0 0;}
      .Area_item .PD_layout.layout_item ul {width: 100%;}
      .Area_item .PD_layout.layout_item li {width: 100%;height: 81vw;/* left:-1vw; */background: url("item_bg.png?t=1770877813439") center top / 99% no-repeat scroll;}
      .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;position: absolute;position: relative;
        top: -28vw;}
      .Area_item .PD_layout.layout_item .PD_slide .PD_into {/* padding-left: 0; */position: relative !important;top: 27vw;width: 95%;text-align: center;font-size: 0.7em;/* right: 10vw; */margin: 0 auto;}
      .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position: relative;left: -12.6vw;top: -21vw;height: 14vw;border-radius:50%;display: block;z-index: 91;}
    .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 {/* padding: 0; */box-shadow: none;/* border-radius: 34.5em!important; *//*border: 7vw solid #ffffff;*/width: 45%;height: auto;}
      .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width: 86%;margin: 4% 0% 0% 7%;/* box-shadow: unset; */border-radius: 0.6em;}
      .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 1.5em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #000000;top: 18vw;/* left: 5vw; */position: relative;}
      .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.4em;color:#000000;margin: 0;line-height: 1em;text-align: center;top: 19vw;position: relative;/* left: 11vw; */}
      .Area_item .PD_layout.layout_item .PD_slide .PD p del {top: 0vw;left: 0vw; color: #000000;z-index: 99;position: relative;font-size: 1.1em;}
    .Area_item .PD_layout.layout_item .PD p {position: relative;top: 17vw;/* left: 6vw; */height: 15vw;font-size: 1.3em;line-height: 2.8em;color: #ff6b01;}
    .Area_item .PD_layout.layout_item .PD p .Price {font-weight: 900;font-size: 1.8em;}
    .Area_item .PD_layout.layout_item .PD p small {font-size: 1.4em;}


    .Area_item  .PD_layout .PD h4 b, .PD_layout .PD h4 span {max-height: 1em;}
  
  }


/*取消公版白底*/
.QQ .PD_wrapper {background-color: rgba(255,255,255,0.00);}
.QQ .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}
@media screen and (max-width:767px){
	.QQ .PD_wrapper {background-color: rgba(255,255,255,0.00);}
	.QQ .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}
 }




 

/*區塊_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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
		  
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
	
	@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;}
      .mr96 { width: 96% !important; margin: 0 auto ; }
	}



/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	


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

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -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;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}