@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#425bd2; }
.for_phone { display:none;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}




/*區塊背景*/
@media screen and (min-width:768px) {
.Areabg01{position:absolute;z-index: -5;top:0px;left:0;width:100%;min-width:1220px;height: 1396px;background-image:url(pc_01.jpg?t=1786341390423);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg02{position:absolute;z-index: -4;top:0px;left:0;width:100%;min-width:1220px;height: 1246px;background-image:url(pc_02.png?t=1786341390424);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg03{position:absolute;z-index: -1;top: 0px;left:0;width:100%;min-width:1220px;height: 1686px;background-image:url(pc_03.png?t=1786341390424);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 930px;width:100%;min-width:1220px;height:30000px;background-image:url(pc_reapet.jpg?t=1786341390424);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_repeat2 {z-index: -1;position: absolute;top: 1890px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bgdeco {z-index: -2;position: absolute;top: 490px;left: 0;width:100%;min-width:1220px;height:60000px;background: url(bgdeco.png?t=1786341390424) repeat-y center top;pointer-events: none;}	
}




@media screen and (max-width:767px) {

.m_top_bg01 {z-index: -5;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg02 {z-index: -4;position:absolute;top: 10vw;left: 0;width: 100%;height: 102vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;transform-origin: left bottom;}
.m_top_bg03 {z-index: -3;position:absolute;top: 23vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg04 {z-index: 8;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: screen;}
.m_repeat_bg2{z-index: -7;position:absolute;top: 79vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}




/*logo*/
@media screen and (min-width:766px){
.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;}
.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);
    }
 .Area .go_bt {position:relative;display:block;-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);}
 }

/*區塊_all*/
.Area1220 {position: relative;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; }
.Areaa {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);}






 @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;}
 }
    
/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -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;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.Area .btn_goastrong {z-index:2;position: relative; }
.Area .btn_goai {z-index: 3;position: absolute;top: -63px;right: -278px;display: inline-block;border-radius: 60px;width: 60px;height: 60px;background: #09006e url(btn_icon_r.png?t=1696598482216);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-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;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .Area .btn_go:active a:after,
  .Area .btn_go:focus a:after,
  .Area .btn_go:hover a:after  { width:150% !important;}
  .Area .btn_go:active a i,
  .Area .btn_go:focus a i,
  .Area .btn_go:hover a i { background-color: transparent;transform:translateX(-10px);transition-delay:0.1s;}
  .Area .btn_go a strong {z-index:2;position: relative; }
  .Area .btn_go a i {z-index:3;position: absolute;top:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1696598482216);background-size:contain;}
 }




/*間距*/
.Area_bottom {margin-top:55px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-top:0vw;}
}



/*momo_logo*/
.Area_top .momologo {z-index:6;position: absolute;top: 15px;left: 20px;}
.Area_top .momologoa {display: block;width: 200px;height: 30px;background: url(momo_logo.png?t=1696598482216) no-repeat;}
.Area_top .momologoa:hover { background: url(momo_logo_on.png?t=1696598482216) no-repeat;}
@media screen and (max-width:767px){
.Area_top .momologo { display: none;}
}





/*移除公版設定*/
.Area .remove_box_style ul {background-color: transparent;grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul {width: 100%;}
  .Area .remove_box_style ul {
    padding: 0;
}
}

/*輪播公版移除公版樣式設定*/
/*PD_layout 區塊加上swiper_remove_box_style標籤
css貼上以下語法*/

/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}


/*共用--輪播基本設定*/
.Area_swiper { position:relative; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; overflow: hidden; }
.Area_swiper_box { z-index:1; padding-bottom:25px;}
.Area_swiper_box.Area_swiper_box_relative { position:relative;}
.Area_swiper_box.Area_swiper_box_absolute { position:absolute; top:0; left:0; right:0; bottom:0;}
.Area_swiper_box .swiper-wrapper { margin:0; padding:0; list-style:none; display: flex ; grid-gap: 0 }
.Area_swiper_box .swiper-wrapper:after { content:""; display:block; clear:both; }
.Area_swiper_box .swiper-slide { margin:0; padding:0;}
.Area_swiper_box .pagination { bottom:0px !important; transform:scale(0.7); }
.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateX(-50%) scale(0.7); }
    @media screen and (max-width:767px){
      .Area_swiper {width:96%; }
      .Area_swiper_box {padding-bottom: 5vw;}
    }
    /*按忸*/
    .button.swiper-button-next,
    .button.swiper-button-prev { outline: none;} 
    @media screen and (max-width:767px){
      .button.swiper-button-next,
      .button.swiper-button-prev { display:none !important;} 
    }
    /*輪播套公版時修正*/
    .Area_swiper_box .PD_layout { position: static; }
    @media screen and (max-width:767px){
      .Area_swiper_box .PD_layout { margin: 0 0.8em;}
    }
    @media screen and (min-width:768px){
      .Area_swiper_box .PD_layout { margin: 0 35px; margin-top: 10px}    
    }



/*看更多按鈕*/
.PD_layout-btn ul { margin: 0 auto; padding: 0; background-color: transparent; grid-gap: 0; width: 100%; }
.PD_layout-btn li { border: none; text-align: center;  }
.PD_layout-btn li .PD a  { display: inline-block; }
.PD_layout-btn li .PD .PD_img,
.PD_layout-btn li .PD h4,
.PD_layout-btn li .PD p { display: none; }
.PD_layout-btn li .PD .PD_into { padding: 0 }
.PD_layout-btn li .PD h3 {margin: 0;padding: 0.4em 1.6em;font-size: 20px;line-height: 1em;color: #fff;background: #ff572a;border-radius: 99em}
.PD_layout-btn.PD_layout-btn-white li .PD h3  { color: #000; background: #fff; }/*按鈕變白色*/
@media screen and (min-width: 768px) {
  .PD_layout-btn { padding: 10px 0 20px }
}
@media screen and (max-width: 767px) {
  .PD_layout-btn { padding: 2vw 0 4vw }
}




/*---線上入搞區標---*/
@media screen and (min-width:768px){
  .text{width: 84%;position: relative;left: 50%;transform: translateX(-50%);}
  .text .PD_layout{width: 90%;}
  }
  @media screen and (max-width:767px){
  .text{}
  .text .PD_layout{}
  .text .PD_layout ul{padding: 0;grid-gap: 0;}
  
  }
  

  @keyframes rubberBand {
    from {
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  
  .rubberBand {
    animation-name: rubberBand;
    animation:rubberBand 2.5s infinite; 	
    animation-iteration-count: 1;
  }





/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 525px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {position:absolute;width: 46%;top: 140px;left: 191px;height: auto;z-index: 7;}
  .Area_top .title01 .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0px;}
  .Area_top .title01 img {width: 88%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*date*/
  .Area_top .date{width: 14%;position: absolute;top: 89px;left: 700px;}
  .Area_top .date .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;transform-origin: center;}
  .Area_top .date .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0px;}
}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 69vw;padding:0 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 64%;position:absolute;top: 15vw;left: 5vw;height: auto;z-index: 7;}
  .Area_top .title01 .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
   .Area_top .Area_swiper_box img{width: 73%;} 
    /*date*/
   .Area_top .date{width: 20%;position: absolute;top: 9vw;left: 68vw;}
   .Area_top .date .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;transform-origin: center;}
   .Area_top .date .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0;}
}



  /*副標輪播*/	
  @media screen and (min-width:768px){
  .Area_top .mainsubtitle {position: absolute;top: 374px;left: 45%;transform: translateX(-50%);width: 100%;z-index: 1;}
  .Area_top .mainsubtitle img {width: 37%;}
  .Area_top .mainsubtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 166px;}
  .Area_top .mainsubtitle ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}  
  }


  @media screen and (max-width:767px){
  .Area_top .mainsubtitle {position: absolute;top: 45vw;left: -2vw;width: 100%;z-index: 1;}
  .Area_top .mainsubtitle img {width: 64%;}
  .Area_top .mainsubtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 166px;}
  .Area_top .mainsubtitle ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; background-image: none;}	
}
  




/** 倒數 **/
.TimerNick {z-index:0;display:inline-block;padding-right:14px;height: 49px;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width:60px;font: bold 35px/38px Century Gothic;color: #ffffff;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span {padding-left:2px;font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #ffffff;}
@media screen and (max-width:767px){
.TimerNick {z-index:2;position: relative;top: 2vw;left: -14%;display:inline-block;margin:0;padding-right:0%;width:85%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;/*background:url(m_time_bg.png?t=1786341390424) no-repeat center top; */background-size:100%;}
.TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width:14vw;font: bold 7.5vw/11vw Century Gothic;color: #ffffff;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:9vw;}
.TimerNick span {padding-left:1vw;font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #ffffff;}
}
                    

/*版頭品*/
@media screen and (min-width: 768px){
.AreaPD .top_pd {width: 100%;}
.AreaPD .top_pd ul {border:solid 3px #354ecb;}
}
@media screen and (max-width:767px){
.AreaPD .top_pd {width: 96%;margin: 0 auto;}
.AreaPD .top_pd ul {border:solid 3px #354ecb;}
}



/*---版頭裝飾---*/
@media screen and (min-width:768px){
.deco_01{width: 23%;position: absolute;top: 263px;left: 757px;transform-origin: top right;z-index: 10;pointer-events: none;}
.deco_01 img{width: 81%;}
.deco_02{width: 31%;position: absolute;top: 366px;left: 809px;transform-origin: bottom left;z-index: 10;pointer-events: none;}
.deco_02 img{width: 81%;}
.deco_03{width: 5%;position: absolute;top: 56px;left: 587px;transform-origin: bottom left;z-index: 10;pointer-events: none;}
.deco_03 img{width: 81%;}
}
@media screen and (max-width:767px){
.deco_01{width: 25%;position: absolute;top: 45vw;left: 80vw;transform-origin: top right;z-index: 9;pointer-events: none;}
.deco_01 img{width: 98%;}
.deco_02{width: 38%;position: absolute;top: 33vw;left: 71vw;transform-origin: bottom left;z-index: 5;pointer-events: none;}
.deco_02 img{width: 98%;}
.deco_03{width: 7%;position: absolute;top: 6vw;left:48vw;transform-origin: bottom left;z-index: 10;pointer-events: none;}
.deco_03 img{width: 81%;}
}



/*---登記---*/
@media screen and (min-width:768px){
	.danji{margin: 52px auto 0 auto;}
	.danji .Area_danji{}
}
@media screen and (max-width:767px){
  .danji{}
  .danji .Area_danji{width: 96%;}
}



/*---bn---*/
@media screen and (min-width:768px){
.Area_banner {width: 84%;position:relative;margin: 40px auto 0 auto;}
}
@media screen and (max-width:767px){
.Area_banner{width:100%;padding: 0 0 0 0;margin: 0 auto 0 auto;}
}



/*---LOGO帶2品*4---*/
.box_box{width: 100%;display: flex;justify-content: center;align-items: center;}
.box_box .box{ margin: 0 5px 40px;}
.box_box .box .PD_layout{ padding: 0 15px;}
.PD_layout.PD_layout-D3_02 ul .PD .PD_logo  {width: 50% !important;}
.box_box .BN_box {width: 108%;margin: auto -19px;}
.box_box .BN_box .PD_layout .js-PD_txt3 {  color: #ffffff !important; font-size: 25px;}
.PD_layout.PD_layout-D3_02 ul .PD .PD_into { gap: 1em;}
.bg_B {background-image: repeating-linear-gradient(180deg , #435cd2 0%, #435cd2 100%);border-radius: 20px 20px 20px 20px;padding: 0px 0 15px;position: relative;z-index: 2;}
	@media screen and (max-width:767px){
.box_box{width: auto;justify-content: center;align-items: center;flex-direction: column;}
.box_box .box{ margin: 1vw 1.5vw 5vw;}
.box_box .box .PD_layout{ padding: 0 2vw;}
.PD_layout.PD_layout-D3_02 ul .PD .PD_logo  {width: 40% !important;}
.box_box .BN_box {width: 100%;margin: auto -2vw;}
.box_box .BN_box .PD_layout .js-PD_txt3 {color: #ffffff !important;font-size: 22px;}
.PD_layout.PD_layout-D3_02 ul .PD .PD_into { gap: 0.6em;}
.bg_B { width: 100%; border: #ffd534; border-radius: 10px 10px 10px 10px; padding: 2% 0;}
}



/*---下方公版---*/
@media screen and (min-width:768px){
.Area_ly_down{margin: 0 auto 0 auto;}
.Area_ly_down .text{position: absolute;top: -71px;z-index: 10;}
.Area_ly_down .box{position: relative;margin: 60px auto 90px auto;}
.Area_ly_down .box:nth-child(odd){background-color: #ffcb00;margin: 0 auto 80px auto;border-radius: 3%;padding: 118px 20px 32px 20px;}
.Area_ly_down .box:nth-child(even){background-color: #435cd2;margin: 0 auto 80px auto;border-radius: 3%;padding: 118px 20px 32px 20px;}
.Area_ly_down .box .PD_layout{width: 96%;padding: 0 0 0 0;}
}

@media screen and (max-width:767px){
.Area_ly_down{margin: -6vw auto 0 auto;}
.Area_ly_down .box{margin: 0 auto 5vw auto;}
.Area_ly_down .box ul {width: 96%;}
.Area_ly_down .box:nth-child(odd){margin: 7vw auto 5vw auto;background-color: #ffcb00;/*margin: 0 1.5vw;*/border-radius: 3vw;padding: 0 0 3vw 0;}
.Area_ly_down .box:nth-child(even) {margin: 7vw auto 5vw auto;background-color: #435cd2;/*margin: 0 1.5vw;*/border-radius: 3vw;padding: 0 0 3vw 0;}

}


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