@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: #090046;}
.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; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgfixed { z-index: 0; position: fixed; bottom: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgfixed.jpg?t=1760011844718) no-repeat center bottom;}
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1760011844718) no-repeat center top;}
@media screen and (max-width:767px){
  .bgfixed { min-width: inherit;  background: url(bgfixed_m.jpg?t=1760011844718) no-repeat center 44px; background-size: 100%;}
  .bgtop { min-width: inherit;  background: url(bgtop_m.jpg?t=1760011844718) no-repeat center 44px; background-size: 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);}
.Area .go_bt2 {
  -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_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.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;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}

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

/*共用樣式*/
.Area .bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}
.Area .BN ul { padding: 0 130px;}
@media screen and (max-width:767px){
  .Area .bg { width: 100%;}
  .Area .BN ul { padding: 0;}
}




/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_01{ margin-left: 10px!important; margin-top: 90px!important; z-index: 99!important; }
/*版頭*/
.Area_top {height: 973px;}
.Area_top .momologo a:hover { background: url(momo_logo_on.png?t=1760011844718) no-repeat;}
.Area_top .title { position: absolute; width: 46%; top: 53px; left: 13px;}
.pd {position:absolute;left:653px;top:110px;animation-delay:1s;z-index:5;}
@media screen and (max-width:767px){
  .Area_top {height: 140vw;}
  .Area_top .title {position: absolute;width: 71%;top: -1vw;left: 14vw;}
  .pd {position:absolute;left: 55vw;top: 10vw;z-index:1;width: 41%;animation-delay:.8s;}
}


/*日期*/
.Area_top .topdate { position: absolute; top: 50px; left:1008px; width: 315px; height: auto; /*overflow: hidden;*/ z-index: 3;}
@media screen and (max-width: 767px) {
.Area_top .topdate { position: absolute; left: 63vw; top: 1.2vw; width: 43%; z-index: 5; height: auto; }
.Area_top .topdate .PD_layout .PD img {width: 100%;}
}


/*版頭品入稿*/
@media screen and (min-width:768px){
.Area_top .layout_toppd {position: absolute;width: 70%;left: 180px;top: 550px;}
.Area_top .layout_toppd  ul {margin:0;padding:0;grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media screen and (max-width:767px){
.Area_top .layout_toppd {position: absolute;width: 96%;left: 2vw;top: 80vw;}
.Area_top .layout_toppd  ul {margin:0;padding:0;grid-template-columns: repeat(3, minmax(0, 1fr));}
}


/*活動連結*/
.Area_act {}
.Area_act .layout_guan {width: 100%;}
.Area_act .layout_guan ul li{padding: 20px;}
@media screen and (max-width:767px){
.Area_act {height: 10vw;}
.Area_act .layout_guan {width: 100%;}
.Area_act .layout_guan ul li{padding: 1vw;}
}



/*bn*/
@media screen and (min-width:768px){
.Area_bn {padding-bottom: 20px;}
.Area_bn .PD_layout {width:100%;margin:0 auto;padding:30px 0;}
.Area_bn .PD_layout  ul {margin:0;padding:0;}
}
@media screen and (max-width:767px){
.Area_bn {padding-bottom: 5vw;}
.Area_bn .PD_layout {width:95%; margin:0 auto;}
.Area_bn .PD_layout  ul {margin:0;padding:0;}
	
}


/*下方公版*/
@media screen and (min-width:768px){
.Area_bottom {height:100%;}
	
/**區標**/	
.Area_bottom .layout_text {width:71%;margin:0 auto;padding: 0;}
.Area_bottom .layout_text ul {margin:0;padding:0;}
.Area_bottom .layout_text .PD_slide:hover{transform:none;}
.Area_bottom .layout_text .PD a {pointer-events: none!important}

}	


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffeaa9;}                 
                    
/*登記*/
@media screen and (min-width:768px){
.Area_danjiall {height:100%;padding-bottom: 30px;}
	
/**區標**/	
.Area_danjiall .layout_text {width:90%;margin:0 auto;padding:0;}
.Area_danjiall .layout_text ul {margin:0;padding:0;}
.Area_danjiall .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .layout_text .PD a {pointer-events: none!important}

	
.Area_danji {width:100%;}
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color:#ffffff!important;}

}	
@media screen and (max-width:767px){
.Area_danjiall {height:100%;padding-bottom: 5vw;}
	
/**區標**/	
.Area_danjiall .layout_text {width:100%;margin:0;padding:1vw 0;}
.Area_danjiall .layout_text ul {margin:0;padding:0;}
.Area_danjiall .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_danjiall .Area_danji {position:relative;width:100%!important;margin:0!important;}
.Area_danjiall .Area_danji .danji_box {margin:0!important}
.Area_danjiall .Area_danji .danji_box .box_1 {width:95%;padding:0;margin:0 auto;}
.Area_danjiall .Area_danji .warningTxt {padding-bottom:0;}
.Area_danjiall .Area_danji .warningTxt h3 {color:#ffffff!important;}

}
@media screen and (max-width:767px){
.Area_danjiall {height:100%;}
	
/**區標**/	
.Area_danjiall .layout_text {width:100%;margin:0;padding:1vw 0;}
.Area_danjiall .layout_text ul {margin:0;padding:0;}
.Area_danjiall .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_danjiall .Area_danji {position:relative;width:100%!important;margin:0!important;}
.Area_danjiall .Area_danji .danji_box {margin:0!important}
.Area_danjiall .Area_danji .danji_box .box_1 {width:95%;padding:0;margin:0 auto;}
.Area_danjiall .Area_danji .warningTxt {padding-bottom:0;}
.Area_danjiall .Area_danji .warningTxt h3 {color:#000;}
}



/*館連結*/
.Area_guan {}
.Area_guan .layout_guan {width: 100%;}
.Area_guan .layout_guan ul li{padding: 20px;}
@media screen and (max-width:767px){
  .Area_guan {height: 10vw;}
  .Area_guan .layout_guan {width: 100%;}
	.Area_guan .layout_guan ul li{padding: 1vw;}
}



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

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