@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;background-color:#c3bbb2; 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; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
@media screen and (max-width:767px){
  .WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;}
  .WRAPPER img { width:100%;  height:auto;}
}



/*版頭背景*/
.bg_01 { z-index: -1; position:absolute; top: 0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02deco {z-index: -1;position:fixed;top: 0px;left:0;width:100%;height: 1500px;background-repeat:no-repeat;background-position: center top;pointer-events:none;mix-blend-mode: plus-lighter;}
.bg_repeat {z-index:-66;position:absolute;top: 900px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_fixed {z-index: -3;position:fixed;top: -220px;left:0;width:100%;height: 1500px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco { z-index: -40;position:absolute;top: 0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition: 0.5s linear; pointer-events:none;display: none;}
.bg_deco_repeat { z-index: 20; position:absolute; top: 800px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; transition: 0.5s linear; pointer-events:none;}
.top_deco01 { z-index:0; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}

@media screen and (max-width:767px){
.mbg_01 { z-index:-1; position:absolute; top: 10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size:100%;}
.mbg_deco {z-index:-40;position:absolute;top: -38vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 12vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 0px;margin-top: 0px;padding-top: 0px;}
}
@media screen and (max-width: 767px){
.Area_bottom {margin-bottom: 5vw!important;padding-top: 0vw}
}


/*00_版頭*/
@media screen and (min-width: 768px){
.Area_title{position: relative;height: 895px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
/*大標*/ 
.Area_title .title01 {position:absolute;width: 68%;top: -126px;left: 170px;height: auto;z-index: 20;}
.Area_title .title01 img {width: 103%;}
.Area_title .title01  ul li{position: absolute;}
.Area_title .title01  ul li:nth-child(1){transform-origin: center center;top: 126px;left: 26px;z-index: 10;}
.Area_title .title01  ul li:nth-child(1) img{width: 71%;}
.Area_title .title01 input{position: relative;top: -30px;}
.Area_title .title01 { animation: fadeInDown 1.5s 0.1s forwards;}	

/*副標輪播*/
.Area_title .title02{z-index: 20;position:absolute;top: 334px;left: 363px;width: 480px;height: 264px;overflow: hidden;}
.Area_title .Area_swiper_box {width: 100%;height: 100%;} 
.Area_title .Area_swiper_box ul{display: flex;grid-gap: 0 !important;padding: 0;height: 100%;} 
.Area_title .Area_swiper_box img{width: 96%;} 
}
@media screen and (max-width: 767px){
  .Area_title {width:100%;position: relative;height: 91vw;margin-top: 1.5vw !important;padding:0 0 0 0;}
  /*大標*/ 
  .Area_title .title01 {width: 100%;position:absolute;top: -19.5vw;left: -1vw;height: auto;z-index: 20;}
  .Area_title .title01 img {width: 100%;}
  .Area_title .title01  ul li{position: absolute;}
  .Area_title .title01  ul li:nth-child(1){transform-origin: center center;top: 15.8vw;left: 1vw;z-index: 10;}
  .Area_title .title01  ul li:nth-child(1) img{width: 63%;}
  .Area_title .title01  ul li:nth-child(2){transform-origin: center center;top: 3vw;left: 2.1vw;}
  .Area_title .title01  ul li:nth-child(2) img{width: 100%;}
  .Area_title .title01  ul li .PD .PD_img{display: block!important;}
  .Area_title .title01 { animation: fadeInDown 1.5s 0.1s forwards;}	

  /*副標輪播*/
  .Area_title .title02 {position: absolute;width: 75%;height: 15vw;margin: 0 auto;left: 4.2vw;top: 32vw;z-index: 20;}
  .Area_title .title02 .Area_swiper_box{width: 90vw;height: 26vw;overflow: hidden;}
  .Area_title .title02 .Area_swiper_box ul{display: flex;height: 22vw;grid-gap: 0;padding: 0;}
  .Area_title .Area_swiper_box img{width: 56%;} 
}


/*版頭圖輪播*/
@media screen and (min-width: 768px){
.Area_title .topPD {z-index: 10;position:absolute;top: 380px;left: 183px;width: 837px;height: 644px;overflow: hidden;z-index: 10;}
.Area_title .topPD { animation: slideInLeft2 5s 0s forwards;}	
.Area_title .topPD .Area_swiper_box {width: 100%;height: 100%;} 
.Area_title .topPD .Area_swiper_box ul{display: flex;grid-gap: 0 !important;padding: 0;height: 100%;} 
.Area_title .topPD .Area_swiper_box img{width: 82.5%;} 
}
@media screen and (max-width:767px){
.Area_title .topPD {position: absolute;width: 100%;height: 52vw;margin: 0 auto;left: -2.8vw;top: 38vw;z-index: 10;}
.Area_title .topPD { animation: slideInLeft2 3s 0s forwards;}	
.Area_title .topPD .Area_swiper_box{width: 100%;height: 52vw;overflow: hidden;}
.Area_title .topPD .Area_swiper_box ul{display: flex;height: 22vw;grid-gap: 0;padding: 0;}
.Area_title .topPD .Area_swiper_box img{width: 72%;} 
}

  

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v0-PD1 { margin-left: 120px!important; margin-top: 210px!important; z-index: 99!important; }


/*區塊標題入稿*/
@media screen and (min-width:768px){
.text {width: 100%;top: 20px;}
}
@media screen and (max-width:767px){
.text {width: 101%;left: 0vw;height: 17vw;}
.text .PD_layout ul { padding: 0!important;}
}



/**04_攻略活動區**/
@media screen and (min-width:768px){
  .Area_activ {height:100%;margin-bottom: 40px !important;z-index: 10;}
  
  .Area_activ .box {position:relative;}
  .Area_activ .box .bg { z-index:-51; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
  /* .Area_activ .bg02 { z-index:-51; position:absolute;top:0;left:-390px; width:2000px; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;} */
  .Area_activ .box:nth-child(3) .bg {z-index:-52;position:absolute;top: 2px;left:-390px;width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
  .Area_activ .box:nth-child(4) .bg {z-index:-52;position:absolute;top: -6px;left:-390px;width:2000px; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
    
    
  /**區標**/	
  .Area_activ .box {position:relative;}
  .Area_activ .box .layout_text {width: 80%;margin: 0 auto;padding-top: 0px;}
  .Area_activ .box:nth-child(2) .layout_text {width: 80%;margin: 0 auto;padding-top: 86px;}
  .Area_activ .box:nth-child(3) .layout_text {width: 80%;margin: 0 auto;padding-top: 10px;height: 180px;}
  .Area_activ .box .layout_text ul {margin:0;padding:0;}
  .Area_activ .box .layout_text .PD_slide:hover{transform:none;}
  .Area_activ .box .layout_text .PD a {pointer-events: none!important}
    
      
  /*攻略1公版*/		
  .Area_activ .box .layout_activ01 {width: 79%;height: 281px;margin: 79px auto 0px;}
  .Area_activ .box .layout_activ01 ul {}
  .Area_activ .box .layout_activ01 ul li {}
  .Area_activ .box .layout_activ01 ul li:hover {box-shadow: none; }
  .Area_activ .box .layout_activ01 ul li .PD_img img {width:90%;margin:0;}	
    
  /*攻略2公版*/		
  .Area_activ .box .layout_category {width: 85%;height: 300px;margin: -35px auto;padding-top: 0px;}
  .Area_activ .box .layout_category ul {}
  .Area_activ .box .layout_category ul li {}
  .Area_activ .box .layout_category ul li:hover {box-shadow: none; }
  .Area_activ .box .layout_category ul li .PD_img img {width:100%;margin:0;}	
    
    
  /*攻略3公版*/		
  .Area_activ .box .layout_sale {width: 73%;margin:0 auto;padding-bottom:50px;padding-top: 84px;}
  .Area_activ .box .layout_sale ul {}
  .Area_activ .box .layout_sale ul li {}
  .Area_activ .box .layout_sale ul li:hover {box-shadow: none; }
  .Area_activ .box .layout_sale ul li .PD_img img {width:100%;margin:0;}	
    
    
  }
  @media screen and (max-width:767px){
  .Area_activ {height:100%;}
  .Area_activ .deco {position:absolute;width:5%;left:.5vw;top:48vw;z-index: 5;pointer-events: none;}
    
  .Area_activ .box {position:relative;}
  .Area_activ .box:nth-child(2) {position:relative;background:url(activ_bg1.png?t=1751428152946)top center repeat-y;background-size:100%;height: 52vw;}	
  .Area_activ .box:nth-child(3) {position:relative;background:url(activ_bg2.jpg?t=1751428152946)top center repeat-y;background-size:100%;}	
  .Area_activ .box .bg {position:absolute;}
    
  /**區標**/	
  .Area_activ .box:nth-child(2) .layout_text {width:100%;margin-left: 0vw;padding-top: 8vw;}
  .Area_activ .box:nth-child(3) .layout_text {width:100%;margin-left: 0vw;padding-top: 0vw;}
  .Area_activ .box:nth-child(4) .layout_text {width:100%;margin-left: 0vw;padding-top:0;}
  .Area_activ .box .layout_text ul {margin:0;padding:0;}
  .Area_activ .box .layout_text .PD_slide:hover{transform:none;}
  .Area_activ .box .layout_text .PD a {pointer-events: none!important}
    
  /*攻略1公版*/		
  .Area_activ .box .layout_activ01 {width: 96%;height: 36.5vw;margin-left: 2vw;padding-top: 6.5vw;}
  .Area_activ .box .layout_activ01 ul {grid-gap: 0vw;}
  .Area_activ .box .layout_activ01 ul li {}
  .Area_activ .box .layout_activ01 ul li:hover {box-shadow: none; }
  .Area_activ .box .layout_activ01 ul li .PD_img img {width:100%;margin:0;}	
    
  /*攻略2公版*/		
  .Area_activ .box .layout_category {width: 101%;margin: -1vw 0 0 0;}
  .Area_activ .box .layout_category ul {grid-gap: 0vw;padding: 0;}
  .Area_activ .box .layout_category ul li {}
  .Area_activ .box .layout_category ul li:hover {box-shadow: none; }
  .Area_activ .box .layout_category ul li .PD_img img {width:100%;margin:0;}	
    
    
  /*攻略3公版*/		
  .Area_activ .box .layout_sale {width: 94%;height: 92vw;margin-left: 2vw;padding-top: 10.5vw;padding-bottom: 0vw;}
  .Area_activ .box .layout_sale ul {grid-gap: 0vw;}
  .Area_activ .box .layout_sale ul li {}
  .Area_activ .box .layout_sale ul li:hover {box-shadow: none; }
  .Area_activ .box .layout_sale ul li .PD_img img {width:100%;margin:0;}	
    
    
}
  





/*02_登記*/
@media screen and (min-width:768px){
.Area_danjiall {z-index: 15;height:100%;margin-bottom: 25px !important;}
	
/**區標**/	
.Area_danjiall .text .layout_text {width:80%;margin:0 auto -8px;padding-top: 0px;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color:#000000!important;}

}	
@media screen and (max-width:767px){
.Area_danjiall {z-index: 15;height:100%;width: 98.5%;margin: 1.5vw auto 0;}
	
/**區標**/	
.Area_danjiall .text .layout_text {width:100%;margin:0 auto;padding-top: 0vw;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important;}
	
.Area_danji { z-index: 15;}
.Area_danji .danji_box{ margin:0!important;}
.Area_danji .danji_box .box_1 {width:96%;padding:0;margin:0 auto;}
.Area_danji .warningTxt {padding-bottom:0;}
.Area_danji .warningTxt h3 {color:#000000;}
}


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #c92a41;}                 



/**01_版頭品輪播公版**/	
@media screen and (min-width:768px){
  .Area_hot {z-index: 10;width: 1220px !important;height:100%;margin-bottom: 40px !important;}	
  .Area_hot .text .layout_text {position:relative;width:80%;height: 155px;margin:0 auto;padding-bottom:0;}
  .Area_hot .text .layout_text .PD_slide:hover{transform:none;}
  .Area_hot .text .layout_text .PD a {pointer-events: none!important}
    
  .Area_hot .box .PD_layout {width: 100%;margin:0 auto;padding-top: 15px;left: -2.5px;overflow: hidden}	
  .Area_hot .box .PD_layout ul {display:flex;margin:0;padding-top:8px;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {height: auto;margin:0;padding:0;grid-gap:0;}
  .Area_hot .box .PD_layout .PD p {height: 3em;}
  .Area_hot .box .PD_layout .PD p del {font-size: 16px!important;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 33px!important;}
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: -2px 0;}
    
}
@media screen and (max-width:767px){
  .Area_hot {z-index: 10;height: auto;margin-bottom: 1vw !important;padding-left: 0vw !important;}
    
  .Area_hot .text .layout_text {position:relative;width: 100%;margin: 0 0 0 0vw;padding: 0vw 0 0 0;}
  .Area_hot .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
  .Area_hot .text .layout_text .PD a {pointer-events: none!important}
    
  .Area_hot .box .PD_layout {width: 95%;left: 0vw;padding-top: 0vw;overflow: hidden;}	
  .Area_hot .box .PD_layout ul {display:flex;margin:0;padding: 0;grid-gap:0;}
  .Area_hot .box .PD_layout ul li {margin:0;padding:0;height: 63vw;grid-gap:0;}
  .Area_hot .box .PD_layout .PD_into .Price {font-size: 24.5px!important;}	
  .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0 0;}
  
}
  


/*07_頁籤公版*/
@media screen and (min-width:768px){
  .Area_sale {z-index: 30;height: auto;margin-top: 0px !important;margin-bottom: 40px!important;}
  .Area_sale .Area_sale_bg {overflow: hidden;background-color: #55534f;padding: 25px 0 30px;border-radius: 1em;margin-bottom: 0px;} 
  .Area_sale .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 1.5px solid #fdd6af!important;background-color: #be3045!important;}
  
  /**區標**/	
  .Area_sale .text {position:relative;}
  .Area_sale .text .layout_text {width: 85%;height: 203px;margin:0 auto;padding-bottom:0;}
  .Area_sale .text .layout_text .PD_slide:hover{transform:none;}
  .Area_sale .text .layout_text .PD a {pointer-events: none!important}
    
  /*頁籤*/	
  .Area_sale .NavArea {display:block!important}		
  .Area_sale .tab_swiper {overflow-y:clip!important}		
  .Area_sale .NavArea_tabbar_page {padding-bottom: 22px;}		
  .Area_sale .content_swiper {width:95%;margin:0 auto;overflow:hidden;margin-bottom:0px;}		
  
  /*公版區*/		
  .Area_sale .box .layout_PD ul li:hover {box-shadow: none; }	
  }
  @media screen and (max-width: 767px){
  .Area_sale {width: 100% !important;height:100%;margin-bottom: 5vw !important;}
  .Area_sale .Area_sale_bg {overflow: hidden;background-color: #55534f;padding: 3vw 0;border-radius: 1em;margin-bottom: -1vw;} 
  .Area_sale .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 0.1vw solid #fdd6af !important;background-color: #be3045 !important;}
    
  /**區標**/	
  .Area_sale .text {padding: 0vw;height: 16.5vw;width: 100%;margin-left: 0vw!important;margin-bottom: 0vw !important;}	
  .Area_sale .text .layout_text {width:100%;margin:0 auto;padding-bottom:0;}
  .Area_sale .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
  .Area_sale .text .layout_text .PD a {pointer-events: none!important}
    
  /*頁籤*/	
  .Area_sale .tab_swiper {overflow-y:clip!important}		
  .Area_sale .NavArea_tabbar_page {padding-bottom: 2.1vw;}		
  .Area_sale .content_swiper {padding-bottom:0.5vw;}		
  
  /*公版區*/		
  .Area_sale .box .layout_PD ul li:hover {box-shadow: none; }	
}
  
  


/*08_頁籤MO店6品_6區*/
@media screen and (min-width:768px){
  .Area_sale2 {z-index: 30;height: auto;margin-top: 0px !important;margin-bottom: 50px!important;}
  .Area_sale2 .Area_sale_bg {overflow: hidden;background-color: #a1dfee;padding: 30px 0 25px;border-radius: 1.5em;margin-bottom: 30px;} 
  
  .Area_sale2 .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 1.5px solid #a1dfee !important;background-color: #0152dd !important;}
      
    
  /**區標**/	
  .Area_sale2 .text {position:relative;top: 0px;}
  .Area_sale2 .text .layout_text {width: 85%;height: 240px;margin:0 auto;padding-bottom:0;}
  .Area_sale2 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_sale2 .text .layout_text .PD a {pointer-events: none!important}
    
    
  /*頁籤*/	
  .Area_sale2 .NavArea {display:block!important}		
  .Area_sale2 .tab_swiper {overflow-y:clip!important}		
  .Area_sale2 .NavArea_tabbar_page {padding-bottom: 22px;}		
  .Area_sale2 .content_swiper {width:95%;margin:0 auto;overflow:hidden;margin-bottom:0px;}		
  
  /*公版區*/		
  .Area_sale2 .box .layout_PD ul li:hover {box-shadow: none; }	
  }
  @media screen and (max-width: 767px){
  .Area_sale2 {width: 100% !important;height:100%;margin-bottom: 7vw !important;}
  .Area_sale2 .Area_sale_bg {overflow: hidden;background-color: #a1dfee;padding: 2.5vw 0;border-radius: 1em;margin-bottom: -1vw;} 
  
  /**區標**/	
  .Area_sale2 .text {padding: 0vw;height: 23vw;width: 100%;margin-left: 0vw!important;margin-bottom: 0vw !important;}	
  .Area_sale2 .text .layout_text {width:100%;margin:0 auto;padding-bottom:0;}
  .Area_sale2 .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
  .Area_sale2 .text .layout_text .PD a {pointer-events: none!important}
    
  .Area_sale2 .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 0.4vw solid #a1dfee !important;background-color: #0152dd !important;}
  
  /*頁籤*/	
  .Area_sale2 .tab_swiper {overflow-y:clip!important}		
  .Area_sale2 .NavArea_tabbar_page {padding-bottom:1.5vw;}		
  .Area_sale2 .content_swiper {padding-bottom:0.5vw;}		
  
  /*公版區*/			
  .Area_sale2 .box .layout_PD ul li:hover {box-shadow: none; }	
  }
  
  
  

/*02_選書專欄區*/
@media screen and (min-width:768px){
.Area_info {height: auto;margin-bottom: 40px;margin-top: -10px !important;}
.Area_info .PD_layout .PD_slide:hover {box-shadow: none;}

/**區標**/	
.Area_info .text {position:relative;}
.Area_info .text .layout_text {width: 85%;height: 188px;margin:0 auto;padding-bottom:0;}
.Area_info .text .layout_text .PD_slide:hover {transform:none;}
.Area_info .text .layout_text .PD a {pointer-events: none!important}

/*BN*/
.Area_info .info_BN{width: 95%;margin: 0px auto 0px;top: 0;padding:0;}
.Area_info .info_BN ul {grid-gap: 0 !important;}
.Area_info .info_BN img {border-radius: 10px;}

}

@media screen and (max-width:767px){
.Area_info {height: auto;margin-bottom: 3vw; }

/**區標**/	
.Area_info .text {padding: 0vw;height: 15.5vw;width: 100%;margin-left: 0vw!important;margin-bottom: 0vw !important;}	
.Area_info .text .layout_text {width:100%;margin:0 auto;padding-bottom:0;}
.Area_info .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
.Area_info .text .layout_text .PD a {pointer-events: none!important}

/*BN*/
.Area_info .info_BN {width: 98%;margin: 0 auto 1vw;top: 0;padding:0;}
.Area_info .info_BN ul {grid-gap: 0 !important;}
.Area_info .info_BN img {border-radius: 2vw; }

}



  

/**設定css_區標大小網**/
@media screen and (min-width:768px){
  /**區標**/	
  .Area_info .text {position:relative;}
  .Area_info .text .layout_text {width: 85%;height: 190px;margin:0 auto;padding-bottom:0;}
  .Area_info .text .layout_text .PD_slide:hover {transform:none;}
  .Area_info .text .layout_text .PD a {pointer-events: none!important}	

}
@media screen and (max-width:767px){
  /**區標**/	
  .Area_info .text {padding: 0vw;height: 15vw;width: 100%;margin-left: 0vw!important;margin-bottom: 0vw !important;}	
  .Area_info .text .layout_text {width:100%;margin:0 auto;padding-bottom:0;}
  .Area_info .text .layout_text.PD_layout ul {padding-left: 0!important;padding-right: 0!important;}
  .Area_info .text .layout_text .PD a {pointer-events: none!important}

}
  

  



/*影片*/
@media screen and (min-width:768px){
  .Area_ytvedio {height:100%; }
  /**區標**/	
  .Area_ytvedio .ytvedio_txt {position:relative;width: 75%;margin: 0 auto;padding-top: 62px;display: none;}
  .Area_ytvedio .box ul{display: flex;padding: 0;margin:0 auto;width: 95%;justify-content: center;}
  .Area_ytvedio .box ul li {text-decoration: none;list-style: none;}	
  .Area_ytvedio .ytbg {z-index:-45;position:absolute;top: 0px;left:-390px;width:2000px;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;display: none;}	
  /*影片*/	
  .Area_ytvedio .video {position:relative;width:85%;margin: 45px auto;z-index: 2;}		
  .Area_ytvedio .video .box_youtube{width:100%;margin-bottom: 0;}	
  .Area_ytvedio .video .box_youtube .youtubeArea {position:relative;width:100%;padding-bottom:56.25%;}
  .Area_ytvedio .video .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
  .Area_ytvedio .video .box_youtube .youtubeArea .youtubeDiv{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:transparent;z-index:99;}
  }
  
  @media screen and (max-width:767px){
  .Area_ytvedio {height:100%; /*background:#000000;*/}
  /**區標**/	
  .Area_ytvedio .ytvedio_txt {position:relative;width: 100%;/* padding-bottom: 5vw; */display: none;}
  /*影片*/	
  .Area_ytvedio .video {position:relative;width: 92%;margin: 2vw auto;z-index: 2;}		
  .Area_ytvedio .video .box_youtube{width:100%;}	
  .Area_ytvedio .video .box_youtube .youtubeArea {position:relative;width:100%;padding-bottom:56.25%;}
  .Area_ytvedio .video .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
  .Area_ytvedio .video .box_youtube .youtubeArea .youtubeDiv{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:transparent;z-index:99;}
  }
  


/**06_館連結**/
@media screen and (min-width:768px){
  .Area_flag .PD_layout{padding: 0px 0 0 0;width: 80%;top: -380px;left: 5px;}

  .flag_bg_pc {margin: -340px auto 0px auto;height: 680px;position: relative;z-index: -1;}
  .flag_bg_pc img {margin-left: -390px;}

}
@media screen and (max-width:767px){
  .Area_flag {height: auto;}
  .Area_flag .PD_layout{padding: 0vw 0 0 0;width: 107%;top: -30vw;left: -2.5vw;}
  
  .flag_bg {margin-top: -55vw;height: 64vw;pointer-events: none;position: absolute;z-index: -1;}
}

  

/**08_BN輪播**/	
@media screen and (min-width:768px){
.Area_bn {height: 280px;margin-bottom: 50px !important;}	
/** 公版 **/	
.Area_bn .box .PD_layout {width:95%;overflow:hidden}	
.Area_bn .box .PD_layout ul {display:flex;height: 225px;margin:0;padding:0;grid-gap:0}
.Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	
.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 40px 0;}
}
@media screen and (max-width:767px){
.Area_bn {height: 56vw;}
/** 公版 **/	
.Area_bn .box .PD_layout {width: 100%;overflow:hidden;padding-bottom: 1.5vw;}	
.Area_bn .box .PD_layout ul {display:flex;height: 39vw;margin:0;padding:0;grid-gap:0}
.Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	
.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 4vw 0;}

}





/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#fff; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }




	


/*區塊_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);}
		  
		  
.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;}
	}




	
	

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