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

/*基本*/
body{ margin:0; padding:0;background-color: #9c0016;}


/*全BOX版面*/
.WRAPPER {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1220px;
    overflow: hidden;
    font-family: "微軟正黑體","Microsoft JhengHei,Helvetica;"
    background: #ffdcd4;
    background-color: #ffb7c2;
}
.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;}
	}
	
	
/*背景*/
@media screen and (min-width:767px){
.bg{ z-index:0; position:absolute;top:0; width:100%; min-width:1220px; height:1000px; background: url(bg_01.jpg?t=1753410947633) no-repeat center top ;}
.bg2{ z-index:0; position:absolute;top:1000px; width:100%; min-width:1220px; height:1000px; background: url(bg_02.jpg?t=1753410947633) no-repeat center top ;}
.bg3{ z-index:0; position:absolute;top:2000px; width:100%; min-width:1220px; height:1000px; background: url(bg_03.jpg?t=1753410947633) no-repeat center top ;}
.bg4{ z-index:0; position:absolute;top:3000px; width:100%; min-width:1220px; height:1000px; background: url(bg_04.jpg?t=1753410947633) no-repeat center top ;}
.bg5{ z-index:0; position:absolute;top:4000px; width:100%; min-width:1220px; height:1000px; background: url(bg_05.jpg?t=1753410947633) no-repeat center top ;}
.bg6{ z-index:0; position:absolute;top:5000px; width:100%; min-width:1220px; height:1000px; background: url(bg_06.jpg?t=1753410947633) no-repeat center top ;}
.bg7{ z-index:0; position:absolute;top:6000px; width:100%; min-width:1220px; height:1000px; background: url(bg_07.jpg?t=1753410947633) no-repeat center top ;}
.bg8{ z-index:0; position:absolute;top:7000px; width:100%; min-width:1220px; height:1000px; background: url(bg_08.jpg?t=1753410947633) no-repeat center top ;}
.bg9{ z-index:0; position:absolute;top:8000px; width:100%; min-width:1220px; height:1000px; background: url(bg_09.jpg?t=1753410947633) no-repeat center top ;}
.bg10{ z-index:0; position:absolute;top:9000px; width:100%; min-width:1220px; height:1000px; background: url(bg_10.jpg?t=1753410947633) no-repeat center top ;}
.bg11{ z-index:0; position:absolute;top:10000px; width:100%; min-width:1220px; height:auto; background: url(bg_11.jpg?t=1753410947633) no-repeat center top ;}
}
	@media screen and (max-width:767px){
.bg{ display:none}
.bg2{ display:none}
.bg3{ display:none}
.bg4{ display:none}
.bg5{ display:none}
.bg6{ display:none}
.bg7{ display:none}
.bg8{ display:none}
.bg9{ display:none}
.bg10{ display:none}
.bg11{ display:none}		
	}


/*背景*/
.bgtop  { 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-size:100%;}
	}
	

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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;}
.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; width:50%; 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; padding:0; width:50%; 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_top {}
.Area_top .momologo { z-index:2; position: absolute;top: 25px; left:30px;}
.Area_top .momologo a { display:block; width:200px; height:30px; background: url(momo_logo.png?t=1753410947633) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo.png?t=1753410947633) 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;}





.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; width:50%; 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){
		.Area1384 { width:100%;}		
		.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; padding:0; width:50%; 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;}		
	}

.Area01{position: relative;top: 0px;height: 4900px;} 
    .Area01 img{width:95%;}
	@media screen and (max-width:767px){
	.Area01{position: relative;width:100%;height:893vw;top:-5vw;
		} 	
		}
	


.Area02{
	position: relative;
	margin-top: 50px;}
.Area02 img{width:95%;}
    @media screen and (max-width:767px){
	.Area02{margin-top: 5vw;} 	
		}

		

.Area00{position: relative;} 
	@media screen and (max-width:767px){
	.Area00{position: relative;top:-1vw;} 	
		}
.Area04{position: relative;} 
	@media screen and (max-width:767px){
	.Area04{position: relative;top:-1vw;} 	
		}
.Area05{position: relative;width: 1220px;height: 791px;
    padding-top: 60px;} 
	@media screen and (max-width:767px){
	.Area05{position: relative;width:100%;height:225vw;padding-top:0px;background-color: #aa171f;} 	
		}
.Area06{position: relative;width: 1220px;height: 150px;
    padding-top: 30px;} 
	@media screen and (max-width:767px){
	.Area06{position: relative;
    width: 100%;
    height: 93px;
    padding-bottom: 10px;
    padding-top: 20px;
    background: #aa171f;} 	
		}

/*按鈕三顆*/
.Area_bottom {height: 25px;}
.Area_bottom .bottom {position:relative;left:0;top: -110px;width:100%;z-index:5;}
.Area_bottom .bottom ul{padding:0; margin:0; display:inline-block; width:100%;}
.Area_bottom .bottom ul li {position:relative;list-style:none;float:left;margin:0;padding:0;width:100%;}
.Area_bottom .bottom ul li img{
    width: 100%;
    min-height: 0px;
}
		@media screen and (max-width:767px){
			.Area_bottom { height:100%;}
			.Area_bottom .bottom { position:relative;left:0;top:0;width:100%;padding-bottom:0;}
			.Area_bottom .bottom ul{padding:0; margin:0; width:100%;}
		    .Area_bottom .bottom ul li{margin:0; padding:1% 0; width:100%;}
			.Area_bottom .bottom ul li img{width:100%;}
		}



/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:relative; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}



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


/* CSS Document */

/* --------------------------------------
 * 共用區塊
 * -------------------------------------- */
/*共用--for平台開關*/
.for_pc    {}
.for_phone { display: none !important;}
  @media screen and (max-width:767px){
    .for_pc    { display: none !important;}
    .for_phone { display: inherit !important;}
  }

  @media screen and (min-width:767px){
.PD_layout01 .js-PD_url { height: 402px;}
}