@charset "utf-8";

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

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

/*全BOX版面*/
.WRAPPER {
	/* [disabled]position: relative; */
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 1220px;
	overflow: hidden;
	font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;
}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
    @media screen and (max-width:767px){
      .WRAPPER { width: 100%; padding-bottom:0px; margin:0 auto; display: block; min-width:100%; background-repeat:repeat-y; background-size:100%;}
      .WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
    }
ul {margin: 0; padding: 0}
li { list-style: none;}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}

    @media screen and (max-width:767px){
     .Area .go_bt:hover { 
        -webkit-transform:none;
         -moz-transform:none;
          -ms-transform:none;
           -o-transform:none;
            transform:none;}
      .Area1220 { width:100%;}
      .Area img{ width:100%;}
      .Area { position: relative;}
    }


/*PC背景*/
@media screen and (min-width:767px){
  .pc_bg { /* z-index:-1; pointer-events: none;margin: 0 auto; position: absolute; left: 50%;transform:translateX(-50%);*/}
  .pc_bg01{ z-index:-1; position:absolute; top:0px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:1300px; background-repeat:no-repeat; background-position:center top; }
  .pc_bg02{ z-index:-1; position:absolute; top:1300px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:1470px; background-repeat:no-repeat; background-position:center top; }
	
  .pc_bg03{ z-index:999; position:absolute; top:2770px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:145px; background-repeat:no-repeat; background-position:center top; }
  .pc_bg04{ z-index:-1; position:absolute; top:2915px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:656px; background-repeat:no-repeat; background-position:center top; }
	
  .pc_bg05{ z-index:-1; position:absolute; top:3571px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:1599px; background-repeat:no-repeat; background-position:center top; }
  .pc_bg06{ z-index:-1; position:absolute; top:5170px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:1337px; background-repeat:no-repeat; background-position:center top; }
	
  .pc_bg07{ z-index:-1; position:absolute; top:6507px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:1349px; background-repeat:no-repeat; background-position:center top; }
  .pc_bg08{ z-index:-1; position:absolute; top:7856px; margin:0; left: 50%; transform:translateX(-50%); width:2000px; height:150px; background-repeat:no-repeat; background-position:center top; }
	
 /*.pc_bgtop01{ z-index:-1; position:absolute; top:0;  margin: 0 ;left: 0%;transform:translateX(0%);width:auto; height:auto; background-repeat:no-repeat; background-position:center top;) } */
	
  .pc_bgtop02{ z-index:-1; position:absolute; top:1500px;  margin: 0 ;left: 50%;transform:translateX(-50%);width:2000px; height:1500px; background-repeat:no-repeat; background-position:center top; }
} 

/*logo*/
.logo { position:absolute; width: 268px; height: 35px; top:35px; left:75px; z-index:999; }
    @media screen and (max-width:767px){
      .logo {position:absolute; width: 30%; top: 5.5vw; left:4vw; }
    }

.title {padding-top:40px; font-size: 50px; font-weight: bold; color:#FFF; font-family:"Helvetica","微軟正黑體","Microsoft JhengHei";}
.title2 {font-size:30px; letter-spacing: 0; color:#FFF; }
    @media screen and (max-width:767px){
    .title {padding-top:10vw; font-size:2.0rem;}
	.title2 {font-size:1em; letter-spacing: 0;}
    }

/*選單*/
.content { position: relative; height: 6695px;  font-family:"Helvetica","微軟正黑體","Microsoft JhengHei";}
   @media screen and (max-width:767px){
.content { position: relative; height:100%;  }
   
 }


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;}