@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0;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 {top:0; min-width: inherit; }
	.WRAPPER img {  width:100%;  }
}
	
/*背景*/
	


@media screen and (min-width:768px){
	.bg_01 { z-index:-200; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
}

@media screen and (max-width:767px){
	.bg_01 { z-index:-200; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
}














@media screen and (min-width:768px){
	.Areatitle05 img {position: relative;padding:242px 0 0 0 ;}

}

@media screen and (max-width:767px){
	.Areatitle05 {height: 67vw; background:url(acity-bg.png?t=1755053271734) top center no-repeat ; background-size:100%; }	
	.Areatitle05 img {position: relative;width: 100%;top:5vw;}

}








@media screen and (min-width:768px){
	.Areatitle06 .PD_layout ul {position: relative;padding:247px 63px 0 34px;}
	.Areatitle06  .PD_layout ul {padding: 233px 65px 0 34px}
}

@media screen and (max-width:767px){
	.Areatitle06 {height: 210vw; background:url(acity02-bg.png?t=1755053271734) top center no-repeat ; background-size:100%; }	
	
}




@media screen and (min-width:768px){
.Areatitle02 .box99 {position:relative;padding-top:100px ;}
}
@media screen and (max-width:767px){
.Areatitle02 .box99  {position:relative;padding-top:5vw;width: 96%;margin: 0 auto;}	
.Areatitle02 .Area_danji{padding-bottom: 0px;}
}


















/*區塊_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(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;padding-bottom: 15px;}
.Area960 { margin:0 auto; width:960px;}
		.Areatitle01 img{width: 100%;}
		.Areatitle02 img{width: 100%;}
		.Areatitle03 img{width: 100%;}
		.Areatitle04 .title img{width: 100%;}
		.Areatitle04 .Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width: 61%;}
		.Areatitle04 .Area_3bn_nopadding a { float:left;  width:33.3%; list-style: none;}
		.Areatitle04 .Area_3bn_nopadding img { 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_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;display: flex;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; list-style: none;}


		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;display: flex;}
		.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;}
		.Area_5bn_nopadding img { float:left; margin:0; padding:0; list-style: none;}

		@media screen and (max-width:767px){
			.Area1220 { width:100%;}
			.Area960 { width:100%;}
			
		.Areatitle01 img{width: 100%;}
		.Areatitle02 img{width: 100%;}
		.Areatitle03 img{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;}

			/*2個並排無連結*/
			.Area_2-2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_2-2bn_nopadding a { float:left; margin:0; padding:0;  list-style: none;}
			.Area_2-2bn_nopadding img { float:left; margin:0; padding:0;width:50%; list-style: none;}
			/*2個並排無連結 end up*/

			.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_2bn_nopadding a { float:left; margin:0; padding:0;  list-style: none;}
			.Area_2bn_nopadding img { 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; padding:0;   width:33.3%; list-style: none;}
			.Area_3bn_nopadding img { float:left; margin:0; padding:0; list-style: none;}

			.Area_4bn_nopadding { margin: 0 auto; padding:0; width: 138.5%; overflow:hidden;}
			.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
			.Area_4bn_nopadding img { float:left; margin:0; padding:0;width:18%; list-style: none;}
			.Area_5bn_nopadding a { float:left; margin:0; padding:0; width:18%; list-style: none;}
			.Area_5bn_nopadding img { float:left; margin:0; padding:0;width:18%; list-style: none;}
		}


/*版頭*/
.Area_top {}
.Area_top .Area00 img {width: 80%;}

.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=1755053271734) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1755053271734) no-repeat;}
@media screen and (max-width:767px){
.Area_top .Area00 img {}

.Area_top { height: auto;}
.Area_top .momologo { display:none}
}














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