@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; z-index:0 ; background-color:#8733ff; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; padding-bottom: 0px ; }
		.WRAPPER img {  width:100%; height:auto;}
	}
	

/*背景*/

.deco_01 { z-index:1; position:absolute; top:0px; left:0; width:100%; min-width: 1220px; height: 100%;  background-repeat:no-repeat; background-position: center top; pointer-events:none;}


@media screen and (max-width:767px){
 
  .deco_01 {z-index: 99;position:absolute;top:0;left: -5vw;height: 3%;pointer-events:none;width: 80%;}
 
  
}



/*PC背景*/
.Area_bgtop { z-index: -40; 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: 100%;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top; }

.m_Area_bgtop { z-index: -40; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; background-position: center top; background-size: 100%; }


/*PC背景*/
	@media screen and (min-width:768px){
    .Area_bgtop_1 { height: 100%; overflow: hidden;position:fixed;}
    .Area_bgtop_1 .bgtop_ { }
    .Area_bgtop_1 .bgtop_ span { }
    .Area_bgtop_1 .bgtop_1_0  { top:0; opacity: 1;}
    .Area_bgtop_1 .bgtop_1_0 span { background-image: url(bgtop_1_0.jpg?t=1763358986197); background-position:center top;  background-repeat: no-repeat;} 
    .Area_bgtop_1 .bgtop_1_2  { top:57px; opacity: 1;}
    .Area_bgtop_1 .bgtop_1_2 span { /*background-image: url(bgtop_1_2.jpg?t=1763358986197);*/ position: absolute; top: 572px;background-position: top center; background-repeat: repeat-y;} 
    

   }

/*Phone背景*/
  @media screen and (max-width:767px){
    .m_Area_bgtop_1 .m_bgtop_ span { position: absolute; display: block; width: 100%;}
    .m_Area_bgtop_1 .m_bgtop_1_0 { width: 100%;  padding-bottom: 0; position: absolute; top: 0; } 
    .m_Area_bgtop_1 .m_bgtop_1_0 span { background-image: url(m_bgtop_1_1.jpg?t=1763358986197); background-repeat: no-repeat; background-position: top center;}
    .m_Area_bgtop_fixed { position: fixed; }
    

  }




/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; font-size: 16px}
.Area a { display:block;} 
.Area1220 { margin:0 auto; width:1220px; }
.Area960 { margin:0 auto; width:960px;}
.Areabottom { margin-bottom:25px}
    @media screen and (min-width:768px){
        .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%;}
		.Area96 { width:96%;}
        .Areabottom { margin-bottom:14vw }
	}


/*版頭*/
.Area_top { height: 405px; }
.Area_top .momologo { z-index:2; position: absolute; top: 20px; left:15px;}
.Area_top .momologo a { display:block; width:438px; height:67px; background: url(momo_logo2.png?t=1763358986197) no-repeat;}
.Area_top .momologo a:hover { transform: translateY(-5px); transition: all 0.4s ease }
.Area_top .titlebox  {position: relative;top: 0; margin: auto;}
.Area_top .titlebox img{width: 67%;}
.Area_top .list {position: relative;top: 0;left: 163px;width: fit-content;z-index: 2}
.Area_top .btn_.btn_more { top:411px; right: 149px; width: fit-content;a{width: fit-content;}}
.Area_top .btn_ { z-index: 5; position: absolute; top: 15px; right: 15px; }
.Area_top .btn_ a { display: block; }



	@media screen and (max-width:767px){
	.Area_top { height: 90vw;}
	.Area_top .momologo { display:none;}
	.Area_top .logo {position: absolute;top: 5vw ;}	
  .Area_top .titlebox  {position: relative;top: -1vw ;left:-1vw; img{width: 101vw;}}
  .Area_top .list {position: relative;top:-1vw;left:0;z-index: 1}
  .Area_top .btn_.btn_more {top: 57vw;left: 54vw;background-size: 100%;width: 13%;}


	}



.Area_game .box { position: relative; margin:80px auto auto; overflow: hidden;}
.Area_game .btn { position: absolute; top: 276px;left: 584px; }
.Area_game .btn1 { position: absolute;top: 296px;left: 584px; }
.Area_game .btn2 { position: absolute;top: 280px;left: 584px; }
.Area_game .btn3 { position: absolute;top: 282px;left: 584px; }
.Area_game .txt_cpNum { position: absolute; color: #000000;top: 389px;left: 877px; }
.Area_game .txt_cpNum1 { position: absolute; color: #000000;top: 368px;left:940px; font-size: 1.5em;}
.Area_game .txt_cpNum2 { position: absolute; color: #000000;top: 371px;left: 940px; font-size: 1.5em; }
.Area_game .txt_cpNum3 { position: absolute; color: #000000;top: 369px;left: 940px;  font-size: 1.5em;}
@media screen and (max-width:767px){
.Area_game .box { position: relative; margin:-22vw auto -10vw auto; overflow: hidden;}
}

    @media screen and (min-width:768px){ 
      /* .Area_game .btn { top: 355px; left: 635px; width:237px } 
      .Area_game .btn1 { top: 738px; left: 635px; width:237px }  */
      .Area_game .btn img { width: 100% }
      .Area_game .btn1 img { width: 100% }
      .Area_game .txt_cpNum { top: 370px; left: 940px; font-size: 1.5em;}
    }
    @media screen and (max-width:767px){
      .Area_game .btn {top: 29vw;left: 47vw;width: 30vw;}
      .Area_game .btn1 { top: 32vw; left: 47vw; width:30vw }
      .Area_game .btn2 {top: 31vw;left: 47vw;width: 30vw;}
      .Area_game .btn3 { top:31vw; left: 47vw; width:30vw }

      .Area_game .txt_cpNum { top: 33.8vw; left: 80vw; font-size: 0.95em;}
      .Area_game .txt_cpNum1 { top: 36.7vw; left: 80vw; font-size: 0.95em;}
      .Area_game .txt_cpNum2 { top: 34.2vw; left: 80vw; font-size: 0.95em;}
      .Area_game .txt_cpNum3 { top: 35vw; left: 80vw; font-size: 0.95em;}
    }


/*活動說明*/
.box_list { text-align: justify; margin: 0 auto; color: #fff;}
.box_list h3 { font-size: 1.25em; margin-bottom: 0.75em; padding-left: 0.5em; }
.box_list ol { margin: 0; padding: 0 1em 0.5em 0.5em; /*padding-left: 1em;*/ }
.box_list ul { margin: 0; padding: 0 1em 0.5em 0.5em; list-style: none; }
.box_list li { margin: 0; padding: 0; margin-bottom: 1em; }
.box_list li > ul { padding: 0.5em 0 0 1.5em; list-style: disc }
.box_list li > ol { padding: 0.5em 0 0 1.5em; }
.box_list li > ul > li,
.box_list li > ol > li { margin-bottom: 0.5em; }
.box_list li img { margin: 0.2em 0; width: 70%; max-width: 480px; box-shadow: 0em 0.3em 1.5em rgba(0,0,0,0.1); }
.box_list table { border-radius: 0; width: 100%; margin: 0 auto ; border-collapse: collapse; text-align: center; line-height: 1.2; overflow: hidden; margin-top: 0.5em}
.box_list th { padding: 0.4em 0.2em; border: solid 1px #2d2d2d; color: #fff; background-color: #2d2d2d; }
.box_list td { padding: 0.4em 0.2em; border: solid 1px #2d2d2d; color: #2d2d2d; background-color: rgba(255,255,255,1); }
    @media screen and (min-width:768px){
      .box_list { width: 69%; font-size: 1.5em; padding: 0%;}
      .box_list table { font-size: 1em; }
    }
    @media screen and (max-width:767px){
      .box_list { width: 95%; font-size: 0.875em; padding: 0;}
      .box_list table { font-size: 1em; }
    }


.box01{position: relative;  margin-bottom: 2vw;}

    /*活動提醒按鈕(登記版)*/
.btn_alert_danji{ position: absolute; top: 26.5%; left: 0; z-index: 99;}


/*文案底色這裡換 */
.game_remind{
  --remind-txtcolor: #fff;
  --remind-bg: #000000;
  background-color:var(--remind-bg);
  border-radius: 0 5em 5em 0;
  width: 60px;
  height: 42px;
}
.danji-pd-container .game_remind{
  --remind-txtcolor: #fff;
  --remind-bg: #000000;
}

/*鈴鐺icon--用SVG格式(改顏色搜尋【fill='rgb(252, 129, 36)'】)*/
.game_remind::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='348px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M294.496,272.105 C294.132,274.973 292.956,281.433 289.179,280.959 L3.553,280.767 C-6.068,258.136 13.398,252.817 26.074,240.802 C38.266,229.244 45.048,213.504 45.368,197.353 C45.967,167.135 43.205,136.722 48.384,106.746 C50.908,92.140 55.319,77.409 63.932,65.166 C73.634,51.377 88.810,43.321 103.319,35.455 C106.757,33.590 110.229,31.782 113.768,30.114 C120.273,27.049 126.961,23.729 134.094,22.607 C136.917,20.594 131.951,1.633 145.469,0.261 C153.283,-0.532 158.630,2.684 159.588,10.698 C159.970,13.894 158.799,19.212 160.668,21.349 C175.635,27.276 190.432,33.859 204.115,42.388 C220.597,52.663 235.303,66.657 241.282,85.624 C250.847,115.972 250.296,150.413 249.867,181.989 C249.514,207.900 253.982,227.635 274.329,245.364 C278.812,249.271 286.626,252.978 290.213,257.809 C292.372,260.716 293.249,263.918 294.496,267.217 C294.364,268.806 294.692,270.552 294.496,272.105 ZM169.696,342.234 C136.983,357.435 98.562,337.069 94.256,301.434 L198.771,301.434 C198.125,318.698 185.022,335.113 169.696,342.234 Z'/%3E%3C/svg%3E");  content: "";
  position: absolute;
  top: 0.8em;
  left: 0.25em;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size:auto 100%;
  background-repeat: no-repeat;
}
.danji-pd-container .game_remind::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='348px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M294.496,272.105 C294.132,274.973 292.956,281.433 289.179,280.959 L3.553,280.767 C-6.068,258.136 13.398,252.817 26.074,240.802 C38.266,229.244 45.048,213.504 45.368,197.353 C45.967,167.135 43.205,136.722 48.384,106.746 C50.908,92.140 55.319,77.409 63.932,65.166 C73.634,51.377 88.810,43.321 103.319,35.455 C106.757,33.590 110.229,31.782 113.768,30.114 C120.273,27.049 126.961,23.729 134.094,22.607 C136.917,20.594 131.951,1.633 145.469,0.261 C153.283,-0.532 158.630,2.684 159.588,10.698 C159.970,13.894 158.799,19.212 160.668,21.349 C175.635,27.276 190.432,33.859 204.115,42.388 C220.597,52.663 235.303,66.657 241.282,85.624 C250.847,115.972 250.296,150.413 249.867,181.989 C249.514,207.900 253.982,227.635 274.329,245.364 C278.812,249.271 286.626,252.978 290.213,257.809 C292.372,260.716 293.249,263.918 294.496,267.217 C294.364,268.806 294.692,270.552 294.496,272.105 ZM169.696,342.234 C136.983,357.435 98.562,337.069 94.256,301.434 L198.771,301.434 C198.125,318.698 185.022,335.113 169.696,342.234 Z'/%3E%3C/svg%3E");  content: "";
}

.game_remind span { 
  z-index:1; 
  position:relative; 
  display: block; 
  padding: 0.4em 0 0 .625em; 
  height: 2.4em; 
  line-height:1.1em; 
  overflow: hidden; 
  font-weight: 600; 
  font-size: 0.9em; 
  color:var(--remind-txtcolor); 
  vertical-align:middle;
}


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