@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;}
.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;}
	}
	
/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; /*background: url(bgtop.png?t=1760944188413) repeat-x center top ;*/}
.bgtoprepeat  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit;  /*background: url(m_bgtop.jpg?t=1760944188413) no-repeat center 40px; background-size:100%;*/}
	}
	
/*背景*/
.bg{ z-index:-3; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background: url(bg.jpg?t=1760944188413) no-repeat center top;}
	@media screen and (max-width:767px){
		.bg { background: url(mb_bg.jpg?t=1760944188413) repeat-y;/*display:none*/}
	}

/*區塊_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(1.05);
     -moz-transform:scale(1.05);
      -ms-transform:scale(1.05);
       -o-transform:scale(1.05);
          transform:scale(1.05);}

.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
		.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; 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_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
		.Area_5bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_5bn_nopadding a { float:left; margin:0; padding:0; width:20%; list-style: none;}


	@media screen and (max-width:767px){
		.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 0 -0.2vw 0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; padding:0;   width:33.3%; list-style: none;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
	}



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


/*----------------登記送區塊START--------------*/

.Area01 { position: relative; top: 0px; display:block; width:1220px; /*height:330.9px;*/ margin:0  auto; padding: 0 0; text-align:center;}
.Area01 .gift_more{ position:absolute;  top: 31px;  left: 666px;  z-index:2;}
.Area01 li{ position:relative; transition-duration: 0.4s;}
.btnGet.Area01  ul{ margin:0px auto 0;  padding: 0;}
.btnGet.Area01  ul li { list-style:none; display:inline-block; float:left; margin:0 0px 0 0; padding:0;}
.btnGet.Area01  ul li a { display:block; text-decoration:none;}



.Area01 .txt { display: block;z-index:5; margin: 0 auto; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; line-height: 1.8; text-align: left; }
.Area01 .txt p { width:112px; height:27px; border-radius:35px; text-align:center; background-color:#990002; color:#ffffff;}
.Area01 .txt1 { position:absolute; top:193px; left: 308px;}
.Area01 .txt2 { position:absolute; top: 193px; left: 211px;}
.Area01 .txt3 { position:absolute; top:212px; left: 364px;}


.Area03 { position: relative; display:block; width:1220px; /*height:270px;*/ margin:0  auto; text-align:center;}
.Area03 .gift_more{ position:absolute;  top: 31px;  left: 666px;  z-index:2;}
.Area03 li{ position:relative; transition-duration: 0.4s;}
.btnGet.Area03  ul{ margin:0px auto 0;  padding: 0;}
.btnGet.Area03  ul li { list-style:none; display:inline-block; float:left; padding:0;}
.btnGet.Area03  ul li a { display:block; text-decoration:none;}



.Area03 .txt { display:block; z-index:5; margin:0 auto; font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; line-height: 1.8; text-align:left;}
.Area03 .txt p { width:112px; height:27px; border-radius:35px; text-align:center; background-color:#990002; color:#ffffff;}
.Area03 .txt1 { position:absolute; top:125px; left:361px;}
.Area03 .txt2 { position:absolute; top:209px; left:226px;}
.Area03 .txt3 { position:absolute; top:212px; left:364px;}

.btnGetall {/**height: 545px; */
}



/*手機登記按鈕*/
.book_box { position:relative; margin:0;}
.book_box a { display:block; width:100%; height:100%;}
.book_ { }
.book_ .count { margin:0; padding:0; color:#000000; text-align:center; font:bold 3vw/5vw "Century Gothic", Arial, "Microsoft JhengHei";}	

/*1品*/		
.book_01 { position:absolute; width:46.5%; height:100%; top:-1vw;left:9.5vw;}
.book_01 .count { position:absolute; top:80%; left:51%; background:#ffffff; color:#275ba1; padding:1vw 3vw; border-radius:50px; z-index:6;}
.post { position:absolute; width:35.5%;  height:27%;  top:60px; left:62%;}
.list { position:absolute; width:35.5%;  height:28%;  top:63%;left:62.4%;}

.book_01a {position:absolute;width: 61.5%;height: 100%;top:0.5vw;left: 0.5vw;}
.book_01a .count {position:absolute;top: 75%;left: 56%;height: 13%;background: #a40102;color: #ffffff;width:78px;padding:1vw 1vw;border-radius:50px;z-index:6;}
.post { position:absolute; width:35.5%;  height:37%;  top:5%; left:62%;}
.list { position:absolute; width:35.5%;  height:40%;  top:48%; left:62.4%;}


/*2品*/	
.book_box2 .book_01 { position:absolute;width:37.50%;  height: 100%;  top: 0vw;left:0vw; }
.book_box2 .book_01 .count {position: absolute;top: 37vw;left: 24%;height: 12%;background: #a40102;color:#FFF;padding:0 3vw;border-radius:50px;z-index: 6;}
.book_box2 .book_02 { position:absolute;width:34.38%;  height: 100%;  top:0;left:37%;  }
.book_box2 .book_02 .count {position: absolute;top: 37vw;left: 20%;height: 12%;background: #a40102;color:#FFF;padding:0 3vw;border-radius:50px;z-index: 6;}
.book_box2 .post {position:absolute;width: 25%;height: 42%;top: 2%;left: 72.5%;}
.book_box2 .list {position:absolute;width: 25%;height: 42%;top: 46%;left: 72.5%;}

/*3品*/	
.book_box3 .book_01 { position:absolute;width:34.50%;  height: 75%;  top: 0vw;left:0vw; }
.book_box3 .book_01 .count { position: absolute; top: 39vw; left:25%; background:#000; color:#FFF; padding:0 3vw; border-radius:20px;}
.book_box3 .book_02 { position:absolute;width:31.0%;  height: 75%;  top:0;left:35%;  }
.book_box3 .book_02 .count {  position: absolute; top: 39vw; left:15%; background:#000; color:#FFF; padding:0 3vw; border-radius:20px;}
.book_box3 .book_03 { position:absolute;width:34.50%;  height: 75%;  top:0;left:66%;  }
.book_box3 .book_03 .count {  position: absolute; top:39vw; left:13%; background:#000; color:#FFF; padding:0 3vw; border-radius:20px;;}
.book_box3 .post { position:absolute; width:50%;  height: 25%;  top: 75%; left:0%;}
.book_box3 .list { position:absolute; width:50%;  height: 25%;  top: 75%; left:50%; }


/*---------------登記區塊END------------------*/


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

/*版頭帶品-連結範圍*/
.link_pd_01 a {position:absolute;left: -390px;top: 45px;display:block;width: 2000px;height: 634px;}
.link_pd_02 a {position:absolute;right: -43px;top: 239px;display: block;width: 477px;height: 585px;}
@media screen and (max-width:767px){
	.link_pd_01 a {position:absolute;left:0vw;top: 0vw;display:block;width: 105vw;height: 56vw;}
	.link_pd_02 a {position:absolute;right: 0vw;top: 0vw;display:block;width: 105vw;height: 56vw;}
}

/*youtube 連結1*/
.youtubeArea {z-index:7;position:relative;margin:0 auto;width: 566px;height: 515px;top: 4px;float:left;left: 0px;}
.youtubeArea iframe {position: absolute;top:0;left: 0;width:100%; height:100%;} 

@media screen and (max-width:767px){
	.youtubeArea { margin: 0 auto; padding-bottom:50%; top:0vw; width:100%; height:100%; left: 0vw;}
	.youtubeArea * { margin:0; padding:0;}
	.youtubeArea iframe { position:absolute; top:0; left:0; }	
	.youtubeArea_mb { margin: 0 auto; padding-bottom:50%; top:0; width:100%;}
	.youtubeArea_mb * { margin:0; padding:0;}
	.youtubeArea_mb iframe { position:absolute; top:0; left:0; }	
}

/*youtube 連結2*/
.youtubeArea2 {z-index:7;position:relative;margin:0 auto;width: 566px;height: 515px;top: 17px;float:left;left: 0px;}
.youtubeArea2 iframe {position: absolute;top:0;left: 0;width:100%; height:100%;} 

@media screen and (max-width:767px){
	.youtubeArea2 { margin: 0 auto; padding-bottom:50%; top:0vw; width:100%; height:100%; left: 0vw;}
	.youtubeArea2 * { margin:0; padding:0;}
	.youtubeArea2 iframe { position:absolute; top:0; left:0; }	
	.youtubeArea2_mb { margin: 0 auto; padding-bottom:50%; top:0; width:100%;}
	.youtubeArea2_mb * { margin:0; padding:0;}
	.youtubeArea2_mb iframe { position:absolute; top:0; left:0; }	
}


/*youtube 連結2*/
.youtubeArea2-2 {z-index:9;position:relative;margin:0 auto;width: 566px;height: 515px;top: 17px;float:left;left: 0px;border: 1px solid;}
.youtubeArea2-2 iframe {position: absolute;top:0;left: 0;width:100%; height:100%;} 




/*yt連結 按鈕1*/
.btn01 {position:absolute;z-index:10;/* background-color:rgba(0,0,0,0.5); */top: 353px;right: 172px;width: 280px;}
.btn01 a { width:180px; height:70px; display:block; }
/*yt連結 按鈕2*/
.btn02 {position:absolute;z-index:10;/*background-color:rgba(0,0,0,0.5)*/top: 365px;right: 172px;width: 280px;}

.btn02 a { width:180px; height:70px; display:block;}

@media screen and (max-width:767px){
/*yt連結 mb按鈕1*/
.btn01 {position: absolute; /*background-color:rgba(0,0,0,0.5);*/ top: 72.1vw; right: 50%; width: 24%;}
.btn01 a { height:70%; display:block;}
.btn01 img { width:65%; }
/*yt連結 mb按鈕2*/
.btn02 {position: absolute; top: 72.1vw; right: 50%; width: 24%;}
.btn02 { position: absolute; /*background-color:rgba(0,0,0,0.5);*/ top: 72.1vw; right: 50%; width: 24%;}
.btn02 a { height:70%; display:block;}
.btn02 img { width:65%; }
}

/*線上入稿4品公版*/
.Areapd_01 .PD_layout ul{ margin: 48px 0 0 0 ; } 
@media screen and (max-width:767px){
	.Areapd_01 .PD_layout ul{ margin: 5px 0 0 0 ; } 
	}

.Areapd_02 .PD_layout ul{ margin: 48px 0 0 0 ; } 
@media screen and (max-width:767px){
	.Areapd_02 .PD_layout ul{ margin: 5px 0 0 0 ; } 
	}
	


/** 4品公版模組Areapd_01 **/
.Areapd_01 { position:relative;width:1220px;height: 899px;margin-bottom: 9px;} 
.Areapd_01 h2 {position:relative;top: 36px;margin:0;padding: 55px 0 0 0;width: 100%;height: 86px;font: 45px/85px "微軟正黑體","Microsoft JhengHei",Helvetica;/* font-weight: bolder; */text-align: center;color: #fff;letter-spacing: 11px;overflow: hidden;background: none;background-size: 100%;text-shadow: 0px 0px 5px #1e005c;}


.Areapd_02 { position:relative;width:1220px;height: 600px;margin-bottom: 9px;} 
.Areapd_02 h2 {position:relative;top: 36px;margin:0;padding: 55px 0 0 0;width: 100%;height: 86px;font: 45px/85px "微軟正黑體","Microsoft JhengHei",Helvetica;/* font-weight: bolder; */text-align: center;color: #fff;letter-spacing: 11px;overflow: hidden;background: none;background-size: 100%;text-shadow: 0px 0px 5px #1e005c;}



@media screen and (max-width:767px){
	.Areapd_01 {position:relative;width:100%;height: 265vw;margin:0;box-shadow:none;background-image:url(mb_bg.jpg?t=1760944188414);background-size: 100%; }
	.Areapd_01 h2 {display:block;position:relative; margin: 0px;padding: 1vw 0 0 0vw;width: 100%;height: 21vw; font-size: 6.5vw;color: #fff;text-shadow: 0px 0px 5px #772323;font-family: "華康超明體","Microsoft JhengHei",Helvetica;font-weight: bold;line-height: 5.2;text-align: center;letter-spacing: 0;top: 0;overflow:hidden; /*background-image:url(mb_12.jpg?t=1760944188414);background-repeat: no-repeat;background-size:100%;*/}
	.Areapd_01:after {display:none;}
	}

@media screen and (max-width:767px){
	.Areapd_02 {position:relative;width:100%;height: 190vw;margin:0;box-shadow:none;background-image:url(mb_bg.jpg?t=1760944188414);background-size: 100%; }
	.Areapd_02 h2 {display:block;position:relative; margin: 0px;padding: 1vw 0 0 0vw;width: 100%;height: 21vw; font-size: 6.5vw;color: #fff;text-shadow: 0px 0px 5px #772323;font-family: "華康超明體","Microsoft JhengHei",Helvetica;font-weight: bold;line-height: 5.2;text-align: center;letter-spacing: 0;top: 0;overflow:hidden; /*background-image:url(mb_12.jpg?t=1760944188414);background-repeat: no-repeat;background-size:100%;*/}
	.Areapd_02:after {display:none;}
	}