@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:#f2ebe1;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit;}
		.WRAPPER img {  width:100%;  height:auto;}
	}
	
/*背景*/
.bgtop01 { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_01.jpg?t=1731995395750) no-repeat center top ;}
.bgtop02 { z-index:0; position:absolute; top:1500px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_02.jpg?t=1731995395750) no-repeat center top ;}
.bgtop03 { z-index:0; position:absolute; top:3000px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_03.jpg?t=1731995395750) no-repeat center top ;}
.bgtop04 { z-index:0; position:absolute; top:4500px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_04.jpg?t=1731995395750) no-repeat center top ;}
.bgtop05 { z-index:0; position:absolute; top:6000px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_05.jpg?t=1731995395750) no-repeat center top ;}
.bgtop06 { z-index:0; position:absolute; top:7500px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_06.jpg?t=1731995395750) no-repeat center top ;}
.bgtop07 { z-index:0; position:absolute; top:9000px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_07.jpg?t=1731995395750) no-repeat center top ;}
.bgtop08 { z-index:0; position:absolute; top:10500px; left:0; width:100%; min-width:1220px; height:100%; background: url(pc_08.jpg?t=1731995395750) no-repeat center top ;}	



/*兩側滾動*/
.deco {  z-index:99; position:fixed; top:40px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
	@media screen and (min-width:768px){
		.deco { background-image: url(deco.png?t=1731995395750);}
	}

/*LOGO*/
.Area_top {}
.Area_top .momologo { z-index:10; position: absolute;top: 15px; left:40px;}
.Area_top .momologo a { display:block; width:450px; height:31px; background: url(momologo.png?t=1731995395750) no-repeat;}
.Area_top .momologo a:hover{ background: url(momologo.png?t=1731995395750) no-repeat;}



/*版頭*/
.Area_top { height:450px;}
.Area_top .main { position:absolute; top:0; left:0; z-index:5;}
.turn {animation:turn 8s linear infinite;-webkit-animation:turn 8s linear infinite; opacity:0;}
	@media screen and (max-width:767px){
		.Area_top {height: 100%; }	
		.Area_top .m_topbg {position:relative;  top:0; left:0; width:100%;z-index:1; }
		.Area_top .m_main{ position:absolute;width: 100%; top:0; right:0;left: 0px; z-index:2;}
	}




/*步驟*/
.Area_step {height: 11250px; z-index:5;}
.Area_step .box { position:relative;}
.Area_step ul {display:block;width:1220px; position: relative;  top:0px; left:0px;  padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:5; }
.Area_step ul li { padding: 0; margin:0 0px 0px 0; text-decoration:none;  display:block;  list-style:none;  float:left;   z-index:2; }
.Area_step ul li img{ }
	@media screen and (max-width:767px){
		.Area_step {height: 100%;  z-index:1;}		
		.Area_step ul {display:block; width: 87%;position: absolute;  top: -3vw; left: 9vw; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:5; }
		.Area_step ul li { width:45%;    padding: 0px 10px  14px 0px;    margin: 0px 0px 0 0px;text-decoration:none;  display:block;  list-style:none;  float:left;   z-index:2; }
		.Area_step ul li img{width:100%;  }	
	
		}



/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:inline;} 
.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;}
	@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;}
	}


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