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


/*PC背景*/
@media screen and ( min-width:768px) {
.Areabg01{ position:absolute;z-index:0; top:0px; left:0; width:100%; min-width:1220px; height:1500px;background-image:url(pc_01.jpg?t=1719477717471); background-repeat:no-repeat; background-position:center top;}
.Areabg02{ position:absolute;z-index:0; top:1500px; left:0; width:100%; min-width:1220px; height:1500px;background-image:url(pc_02.jpg?t=1719477717471); background-repeat:no-repeat; background-position:center top;}
.Areabg03{ position:absolute;z-index:0; top:3000px; left:0; width:100%; min-width:1220px; height:1500px;background-image:url(pc_03.jpg?t=1719477717471);background-repeat:no-repeat; background-position: center top;}
.Areabg04{ position:absolute;z-index:0; top:4500px; left:0; width:100%; min-width:1220px; height:1500px;background-image:url(pc_04.jpg?t=1719477717471);background-repeat:no-repeat; background-position:center top;}
.Areabg05{ position:absolute;z-index:0; top:6000px; left:0; width:100%; min-width:1220px; height:1500px;background-image:url(pc_05.jpg?t=1719477717471); background-repeat:no-repeat; background-position:center top;}
.Areabg06{ position:absolute;z-index:0; top:7500px; left:0; width:100%; min-width:1220px; height:1500px;background-image:url(pc_06.jpg?t=1719477717471); background-repeat:no-repeat; background-position:center top;}
.Areabg07{ position:absolute;z-index:0; top:9000px; left:0; width:100%; min-width:1220px; height:300px;background-image:url(pc_07.jpg?t=1719477717471); background-repeat:no-repeat; background-position:center top;}
.bgdeco { z-index:2; position: absolute; top:1000px; left: 0; width: 100%; min-width:1220px; height: 100%; background: url(deco_repeat.png?t=1719477717471) repeat-y center top; pointer-events: none;}
}

/*.deco  {  z-index:-9; position:absolute;  top:1500px; left:0; width:100%; min-width:1220px; height:100%; background: url(deco.png?t=1719477717471) repeat-y center top ;pointer-events: none; }*/
	@media screen and (max-width:767px){
        .bg { top:44px; min-width: inherit; z-index:-5; }
		.bg1_4 { background: url(mbg1_4.jpg?t=1719477717471) no-repeat center top; background-size:100%; }
	}




/*momo_logo*/
.Area_title .momologo { z-index:5; position: absolute; top: 15px; left: 40px;}
.Area_title .momologo a { display: block; width:472px; height:31px; background: url(momo_logo.png?t=1719477717471) no-repeat; background-size: 100%;}
.Area_title .momologo a:hover{ background: url(momo_logo_on.png?t=1719477717471) no-repeat;  background-size: 100%;}
@media screen and (max-width:767px){
.Area_title .momologo { top: 2vw; left:6vw;}
.Area_title .momologo a { width:80vw; height: 15vw;}
}




/*版頭*/
@media screen and (min-width:768px){
.Area_title {width:1220px; height: 619px; position:relative; margin:0 auto; box-sizing:border-box;  padding:0;}
.Area_title .man {z-index:2; position:absolute; top:0;left:0;}		
.Area_title .main {z-index:3; position:absolute; top:0; left:0; }
.Area_title .donate_btn {z-index:4; position:absolute; top:385px; right:200px; }
}

@media screen and (max-width:767px){
.Area_title {height: 100%; padding:0 ; margin:0;}
.Area_title .man {z-index:2; position:absolute; top:10vw; left:28vw; width:43%; }		
.Area_title .main {z-index:3; position:absolute; top:0; left:0; }
.Area_title .donate_btn {z-index:4; position:absolute; top:15vw; right:10vw;  width: 24%; }

}


.Area1 {height:799px }
.Area1 .bear {position: absolute; bottom: 72px; right: 21px;  z-index:5}
/*影片*/
.Area1 .videobox{ position: absolute; top:0px; width: 100%; height:100%;}
.Area1 .youtubeArea { position:absolute; top:233px; right:206px; width:807px; height:454px ;  z-index: 0}
.Area1 .youtubeArea iframe style { }

	@media screen and (max-width:767px){
	.Area1 {height:100%; }	
	.Area1 .videobox{position: absolute; top: 0%; width:100%; right: 0%; margin: 0;padding: 0;}
	.Area1 .videobox .youtubeArea {  position: absolute;   width: 85vw;   height: 48.5vw;    top:27vw;   right:7vw; z-index: 0; }
	.Area1 .txt2 { margin-top:0%;}
	.Area1 .bear {position: absolute; bottom:8vw; right: -3vw;  width: 22%;  z-index: 5}
	
	}


.Area2 {height:1040px }
	@media screen and (max-width:767px){
	.Area2 {height:100%; }	
}

.Area3 {height:1328px }
	@media screen and (max-width:767px){
	.Area3 {height:100%; }	
}


.Area4 {height:952px }
	@media screen and (max-width:767px){
	.Area4 {height:100%; }	
}


.Area5 {height:1041px }
	@media screen and (max-width:767px){
	.Area5 {height:100%; }	
}

.Area6 {height:1004px }
	@media screen and (max-width:767px){
	.Area6 {height:100%; }	
}



.Area7 {height:1031px }
	@media screen and (max-width:767px){
	.Area7 {height:100%; }	
}



.Area8 {height:312px }
	@media screen and (max-width:767px){
	.Area8 {height:100%; }	
}

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