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

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


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica; background: #780103 ; }
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; background: #780103 ; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop  { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.png?t=1753323101757) no-repeat center top;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: no-repeat center 44px; background-size: 100%;}
}



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


/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {z-index:100 ; margin:0px auto 10px!important; }
	.Area_txt img {width:840px; }	  
}
@media screen and (max-width:767px){
		.Area_txt {z-index:100 ;width:100%;margin:5vw auto 0vw; }
	  .Area_txt img {width:100%;}
}


/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { 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);}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}

}


/*版頭*/
@media screen and (min-width:768px){
.Area_top { position: relative;height:550px;}
.Area_top .toptitle { z-index:9;position: absolute; top:56px; left:285px; width:650px; }
.Area_top .date { z-index:10;position: absolute; top: 231px; left: 804px; width: 18%; }
}
@media screen and (max-width:767px){
.Area_top { height: 50vw ;}
.Area_top .toptitle {z-index: 7; position: absolute; top:6vw; width:75%;left:13vw;}
.Area_top .date {z-index: 1;position: absolute; top: 20.2vw ; width:25% ; left:62vw ;}
}



/* 間距 */
.Area_bottom { margin-bottom: 100px !important; }
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw!important; }
}


/* 活動 */
@media screen and (min-width:768px){
  .Area_active .layout_active { width: 100%; padding-bottom: 20px; }
  .Area_active .layout_active ul{ grid-gap: 2.1em 0; }
  .Area_active .active_all { background-image: url(active_bg.jpg?t=1753323101757); background-size: 100%; background-repeat: no-repeat; }
}
@media screen and (max-width: 767px){
  .Area_active .layout_active { width: 100% ; }
  .Area_active .layout_active ul{ grid-gap: .5em 0; padding: 1vw 0 0 0; }
  .Area_active .active_all { background-image: url(active_bg.jpg?t=1753323101757); background-size: 100%; background-repeat: no-repeat; width: 96%; margin: auto; }
}



/* 登記 */
.Area_danji .btn_reg .activityText p { color: #fff ; }
.Area_danji .btn_reg .content p { color: #fff ; }
.Area_danji .btn_reg .activityText .Tip { color: #fff; }
@media screen and (max-width: 767px){
  .Area_danji { width: 96%; }
}


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

/* 輪播bn */
.Area_BN .PD_layout ul li{ background: none; }
@media screen and (min-width:768px){
  .Area_BN .PD_layout ul{ height: 260px; }
}
@media screen and (max-width: 767px){
  .Area_BN .PD_layout ul{ height: 27vw; }
}



/* 下方公版 */
@media screen and (min-width:768px){
  .Area_4pda .layout_4pda { }
}
@media screen and (max-width: 767px){
  .Area_4pda .layout_4pda {  }
}



/* bn */
@media screen and (min-width:768px){
  .Area_sale .layout_sale ul{ grid-gap:1em ; }
}
@media screen and (max-width: 767px){
  .Area_sale .layout_sale { width: 96% ; }
  .Area_sale .layout_sale ul{ grid-gap: .2em ; }
}


/* 館連結 */
@media screen and (min-width:768px){
  .Area_guan .layout_guan { width: 80% ; }
  .Area_guan .layout_guan ul{ grid-gap:1em ; }
}
@media screen and (max-width: 767px){
  .Area_guan .layout_guan { width: 96% ; }
  .Area_guan .layout_guan ul{ grid-gap: .2em ; }
}


/* 區標 */
.layout_text { width: 92% ; }
@media screen and (min-width:768px){
  .layout_text { width: 800px }
}