@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: #092458;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; }
		.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=1761119440879) repeat-x center top ;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit;  background: url(m_bgtop.jpg?t=1761119440879) no-repeat center 40px; background-size:100%;}
	}


/*PC背景*/
.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: 800px;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
  @media screen and (min-width: 768px) {
    .Area_bgtop { pointer-events: none;}
    .Area_bgtop span { background-repeat: no-repeat;}
    .Area_bgtop_fixed { position: fixed;}
    /* .Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.png?t=1761119440879); height: 1550px;}
    .Area_bgtop_1 .bgtop_1_2 span { background-image: url(bgtop_1_2.png?t=1761119440879); height: 900px;} */
    
    .Area_bgtop_2 .bgtop_2_1 span { background-image: url(bgtop_2_1.jpg?t=1761119440879); top: 0; height: 704px;}
    .Area_bgtop_2 .bgtop_2_2 span { background-image: url(bgtop_2_2.jpg?t=1761119440879); top: 704px; height: 3046px;}
    .Area_bgtop_2 .bgtop_2_3 span { background-image: url(bgtop_2_3.jpg?t=1761119440879); top: 3750px; height: 7031px;}
    .Area_bgtop_2 .bgtop_2_4 span { background-image: url(bgtop_2_4.jpg?t=1761119440879); top: 6700px; height: 1833px;}
    .Area_bgtop_2 .bgtop_2_5 span { background-image: url(bgtop_2_5.jpg?t=1761119440879); top: 8533px; height: 1834px;}
    .Area_bgtop_2 .bgtop_2_6 span { background-image: url(bgtop_2_6.jpg?t=1761119440879); top: 10367px; height: 1833px;}
  }

/*Phone背景*/
.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: #092458;}
.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: 32px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span { z-index: -3; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url(m_bgtop_1_1.png?t=1761119440879)  center top no-repeat ; background-size: 100%; }
    .m_Area_bgtop_1 .m_bgtop_1_2 span { z-index: -3; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url(m_bgtop_1_2.png?t=1761119440879)  center top no-repeat ; background-size: 100%; }
    .m_Area_bgtop_2 { /*z-index: -2;*/ position: absolute; top: 1200px; left: 0; width: 100%; height: 100%; background: url(mbg_body_01.jpg?t=1761119440879) center top no-repeat ; background-size: 100%; }
    .m_Area_bgtop_3 { /*z-index: -2;*/ position: absolute; top: inherit; bottom: 0; left: 0; width: 100%; height: calc(100% - 300vw); background: url(mbg_body_03.jpg?t=1761119440879) center bottom no-repeat ; 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 {
  cursor: pointer;
  -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){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
	}
        
/*共用--區塊_切割*/
.Area_grid { margin: 0 auto; padding:0; list-style: none;}
.Area_grid:after  { content: ""; display:block; clear:both;}
.Area_grid .grid-slide { float:left; display:block; padding:0; list-style: none;}
  /*共用--區塊_切割PC*/
  @media screen and (min-width:768px){
    .Area_grid_1bn_PC .grid-slide { margin:0 0 2% 0; width:100%;}
    .Area_grid_2bn_PC .grid-slide { margin:0 1% 2%; width:48%;}
    .Area_grid_3bn_PC .grid-slide { width:33.3%;}
    .Area_grid_3bn_PC { width: calc(100% - 6%);}
    .Area_grid_4bn_PC .grid-slide { margin:0 0.5% 2% ; width:24%;}
    .Area_grid_1bn_nopadding_PC .grid-slide { width:100%;}
    .Area_grid_2bn_nopadding_PC .grid-slide { width:50%;}
    .Area_grid_3bn_nopadding_PC .grid-slide { width:33.3%;}
    .Area_grid_4bn_nopadding_PC .grid-slide { width:25%;}
    .Area_grid_5bn_nopadding_PC .grid-slide { width:20%;}
    .Area_grid_6bn_nopadding_PC .grid-slide { width:16.6%;}
  }
  /*共用--區塊_切割Phone*/
  @media screen and (max-width:767px){
    .Area_grid_1bn_Phone .grid-slide { margin:0 0 0 0; width:100%;}
    .Area_grid_2bn_Phone .grid-slide { margin:0 1% 2%; width:48%;}
    .Area_grid_3bn_Phone .grid-slide { margin:0; width:33.33%;}
    .Area_grid_4bn_Phone .grid-slide { margin:0 0.5% 2% ; width:24%;}
    .Area_grid_1bn_nopadding_Phone .grid-slide { width:100%;}
    .Area_grid_2bn_nopadding_Phone .grid-slide { width:50%; }
    .Area_grid_3bn_nopadding_Phone .grid-slide { width:33.3%;}
    .Area_grid_4bn_nopadding_Phone .grid-slide { width:25%;}
    .Area_grid_5bn_nopadding_Phone .grid-slide { width:20%;}
    .Area_grid_6bn_nopadding_Phone .grid-slide { width:16.6%;}
  }


/*momologo*/
.cantantBase { z-index: 5; position: absolute; top: 0; left: 50%; transform: translateX(-50%);/*width: 100%; background-color: #00a9f7;*/}
.cantantBase .momologo { position: absolute; top: 15px; left: 33px; transition: all .3s;}
.cantantBase .momologo a { display:block; width: 237px; height: 40px; background: url(momologo.png?t=1761119440879); background-size: 100%; background-repeat: no-repeat; }
/*.cantantBase .momologo:hover a { background: url(momologo2.png?t=1761119440879); background-size: 100%; background-repeat: no-repeat;}*/	


/*版頭*/
.Area_top {}
.Area_top .momologo { z-index:2; position: absolute;top: 15px; left:40px;}
.Area_top .momologo a { display:block; width:209px; height:39px; background: url(momo_logo.png?t=1761119440879) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1761119440879) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}

	/*注意事項區*/
  .note{
    padding: 15px 40px;
    text-align: left;
    color: #eee;
    font: 12px/20px Helvetica;
    z-index: 3;
    margin-top: 0;
  }
    @media screen and (max-width:767px) {
      .note {
          padding: 20px;
          font: 12px Helvetica;
          margin-top: 10px;
          margin-bottom: 20px;
        }
      .note-bg{
        background-image: url(m_bgtop_1_1.png?t=1761119440879);
        background-size: contain;
        background-repeat: no-repeat;
        margin: auto;
      }
    }
	/*內容區*/
.Area01 {}
	@media screen and (min-width:768px){
		.Area01 .box .grid-slide { margin-bottom: 0px;}
    .Area02 { margin-top: 50px; margin-bottom: 60px;}
    /*登記抽*/
    .Area_grid_1bn_nopadding_PC .danji_box .box_1 { width: 833px; padding: 0; float: left;}
    .Area_grid_1bn_nopadding_PC .danji_box .box_2 .btn_info { width: 384px; padding: 0; float: left;}
    .Area_grid_1bn_nopadding_PC .danji_box .box_2 .btn_list { width: 305px; padding: 0; float: left;}
    /*已售完*/
    a.grid-slide{position: relative;}
    .soldout{ position: absolute; background: url(soldout_icon.png?t=1761119440879) no-repeat ;
      background-size: contain; top: 17%;
      left: 10%;
      width: 100%;
      padding-bottom: 17%;}
  }
	@media screen and (max-width:767px){
    .Area01 .Area_grid_2bn_nopadding_Phone { width: 100%;}
    /* .Area01 .box .grid-slide { margin-bottom: 4vw;} */
    .Area02 { margin-top: 4.5vw; margin-bottom: 60px;}
    /*登記抽*/
    .Area_grid_1bn_nopadding_Phone .danji_box .box_1 { width: 65%; padding: 0; float: left;}
    .Area_grid_1bn_nopadding_Phone .danji_box .box_2 { width: 34%; padding: 0; float: left;}
    .Area_grid_1bn_nopadding_Phone .danji_box .box_2 .btn_info, 
    .Area_grid_1bn_nopadding_Phone .danji_box .box_2 .btn_info { width: 100%; }
    .Area_grid_1bn_nopadding_Phone .box_2 .btn_info a.grid-slide { padding-bottom: 3.85%}
    /*已售完*/
    a.grid-slide{position: relative;}
    .soldout{ position: absolute; background: url(soldout_icon.png?t=1761119440879) no-repeat ;
      background-size: contain; top: 17%;
      left: 5%;
      width: 100%;
      padding-bottom: 17%;}
  }


/*浮層嘿嘿*/
.blackBox { clear: both; display:none; z-index:999; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(34,34,34,0.75); }
.blackBox * { font-family:"微軟正黑體", "Microsoft JhengHei", Arial; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
.blackBox_play { z-index: 99; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(34,34,34,0.75);}

/*通知浮層*/
.agreeArea { z-index:1;  position: relative; top: 5%; margin: 0 auto 30px; width: 94%; max-width: 900px; font-family:"Century Gothic", "微軟正黑體", sans-serif;  }
.agreeArea img { width:100%; height:auto;}
.agreeArea .box { border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color: #fff; overflow: hidden;}
.agreeArea .box h3 { padding: 0; margin: 0; height: 3rem; font-size: 1.25rem; font-weight: 800; line-height: 3rem; text-align: center; color:#000000; }



#bubbly { 
  z-index: 0; position: fixed; top: 0; left: 0; min-width: 100vw; min-height: 100vh;
  pointer-events: none; mix-blend-mode: lighten; opacity: 0; transition: opacity 1s;
}


	

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