@charset "utf-8";

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


/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; overflow:hidden; padding-bottom: 80px}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER {  padding-bottom: 80px; min-width: inherit;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

	
/*背景*/
.bg01 { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:86px; background-repeat:repeat; background-position:center top; background-color: #ff8601}
.bg02 { z-index:0; position: fixed; top:0; left:50%; transform: translateX(-50%); width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; background-image:url(bgtop.png?t=1734327972939);}
  @media screen and (max-width:767px){
    .bg02 { position: fixed; min-width: inherit; height: 100%; background-image: url(m_bgtop.png?t=1734327972939); background-size: 100%; background-repeat: no-repeat;}
  }


/*版頭*/
.WRAPPER .mainArea { z-index:1; position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
.WRAPPER .mainArea .area_top { position:relative; margin:0 auto; padding:0;}
.WRAPPER .mainArea .area_top .momologo { position: absolute; top:24px; left:20px;}
.WRAPPER .mainArea .area_top .momologo a { display:block; width:417px; height:35px; background: url(momologo.png?t=1734327972939) no-repeat; background-size: 100%}
/*.WRAPPER .mainArea .area_top .momologo a:hover{ background: url(momologo_on.png?t=1734327972939) no-repeat;}*/
	@media screen and (max-width:767px){
		.WRAPPER .mainArea { width:100%; }
		.WRAPPER .mainArea .area_top { height: auto;}
		.WRAPPER .mainArea .area_top .momologo { top:4vw; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:60%;}
        .WRAPPER .mainArea .area_top .momologo a { width: 100%; height:7vw; background-size: 100%;}
	}


/*logo選單*/
@media screen and (min-width:768px){ 
  .fixbox { z-index: 10; position: absolute; top: 0; left: 0; padding-top: 18px; padding-left: 24px; width:100%; /*height:32px; font-size:18px; line-height:32px; font-family:"Century Gothic", "微軟正黑體", sans-serif;*/ background: transparent;}
  .fixbox ul { margin: 0 auto; padding: 0;  width: 1220px; list-style: none;}
  .fixbox ul li { float: left; position: relative; margin: 0; padding: 0;}
  .fixbox ul li a { display: inline-block; text-decoration: none; height: 32px;} /*logo高度*/
  .fixbox ul li a img { width: auto; height: 100%;}
  /*.fixbox ul li.logo_hover { margin-right: 216px; opacity: 1 ;
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;}*/
  .fixbox .logo_hover:hover { filter: grayscale(100%);}
}




	

/*區塊_all*/
.Area { z-index:1; position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; font-size: 22px}
.Area a { position:relative; } 
.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(.94,.94);
	 -moz-transform: scale(.94,.94);
	  -ms-transform: scale(.94,.94);
	   -o-transform: scale(.94,.94);
		  transform: scale(.94,.94);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area { font-size: 16px }
		.Area .go_bt:hover { 
		  -webkit-transform:none;
			 -moz-transform:none;
			  -ms-transform:none;
			   -o-transform:none;
				  transform:none;}
		.Area1220 { width: 100% }
		.Area960 { width: 100% }
	}



/*區塊1*/
.Area1 {}
.Area1 .title { z-index:2; text-align:center;}
.Area1 .box { z-index:1; position: relative; padding: 1.1em 0.9em; border: 4px solid #298551; border-radius: 1em; background-color: #fff}
	@media screen and (max-width:767px){
		.Area1 { margin: 0 auto; width: 92%;}
        .Area1 * { -webkit-box-sizing: border-box; box-sizing: border-box;}
	}
	@media screen and (min-width:768px){
		.Area1 .box { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 8px; padding: 1.25em 1.5em 1.2em 1.8em; border: 5px solid #298551;}
	}



/*文案區*/
.textArea { color: #464646; text-align: left; margin-bottom: -1em;}
/*.textArea { margin:20px auto; padding:10px 100px 50px; border-radius:100px; border:2px solid #FFD200; text-align:left; color:#fff; background-image: repeating-linear-gradient(180deg, rgba(0,0,0,0.4) -2%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 120%);}*/
.textArea a { text-decoration:none;}
.textArea h4 { margin: 0 0 0.6em 0.05em; padding: 0 0.8em; display: inline-block; font-size: 0.95em; font-weight: bold; line-height: 1.8em; color: #fff; background-color: #409766; border-radius: 99em;}
.textArea img { margin-bottom: 2em; width: 100%;}
.textArea small { margin: 0; font-size: 0.9rem; line-height: 1.5em; display: inline-block; color: #a7a7a7;}
.textArea p { margin: 0 2%; font-size: 0.9em; line-height: 1.5em;}
.textArea > ol ,
.textArea > ul { margin: 0; padding: 0; list-style: none;}
.textArea > ul > li ,
.textArea > ol > li { position: relative; margin: 0 0 0 1em; padding: 0; padding-left: 2.3em; font-size: 0.91em; line-height: 1.5em; min-height: 3.2em;}
.textArea .No_pic { position: absolute; top: .2em; left: -1em;}
.textArea .info_pic { position: relative; margin: .4em auto 0; width: 78%;}
  /*箭頭*/
  .textArea .info_pic::after { content: ""; position: absolute; background: url("arrow.png?t=1734327972939") center top / 100% no-repeat;}
  .textArea .info_pic:last-child::after { display: none;}
  @media screen and (max-width:767px){
    .textArea .No_pic { width: 12.9%;}
    .textArea .info_pic { -webkit-transform: translateX(0.45em); transform: translateX(0.45em);}
    .textArea .info_pic::after { top: calc((100% - 11.6vw) / 2 ); left: -13%; width: 7.5%; height: 6vw;}
  }
	@media screen and (min-width:768px){
    .textArea h4 { margin-left: .12em;}
    .textArea img { margin-bottom: 3.5em;}
    .textArea > ul > li ,
    .textArea > ol > li { padding-left: 3.3em; font-size: 1em; min-height: 3.5em;}
    .textArea .info_pic { width: 55%;}
    .textArea .info_pic::after { top: calc((100% - 68px) / 2 ); left: -177px; width: 46px; height: 40px;}
    .textArea .info_pic img { image-rendering: -moz-crisp-edges; /* Firefox */     
                                image-rendering: -o-crisp-edges; /* Opera */      
                                image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
                                image-rendering: crisp-edges; 
                                -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
	}



/*footer*/
.bgfooter { }
.bgfooter .box { padding:1.2em 1em;  margin:0 0 2% 0; }
.bgfooter ol { margin:0 2%; padding:0; text-align: left }
.bgfooter ol li { margin:0 0 0 1em; padding:0; font-size:0.9em; line-height:1.5em; }
	@media screen and (max-width:767px){

	}



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