@charset "UTF-8";
.bg01 {
  overflow: hidden; }

.bg05 {
  min-height: 836px; }

/*首頁左邊*/
#indexGridLeft {
  margin-left: -1138px;
  /*中間寬度是340*/
  z-index: 3;
  animation: indexGridLeftA 3s;
  -o-animation: indexGridLeftA 3s;
  -ms-animation: indexGridLeftA 3s;
  -moz-animation: indexGridLeftA 3s;
  -webkit-animation: indexGridLeftA 3s;
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */
  animation-fill-mode: forwards; }

@keyframes indexGridLeftA {
  0% {
    margin-left: -1138px; }
  100% {
    margin-left: -1308px; } }
@-o-keyframes indexGridLeftA {
  0% {
    margin-left: -1138px; }
  100% {
    margin-left: -1308px; } }
@-ms-keyframes indexGridLeftA {
  0% {
    margin-left: -1138px; }
  100% {
    margin-left: -1308px; } }
@-moz-keyframes indexGridLeftA {
  0% {
    margin-left: -1138px; }
  100% {
    margin-left: -1308px; } }
@-webkit-keyframes indexGridLeftA {
  0% {
    margin-left: -1138px; }
  100% {
    margin-left: -1308px; } }
/*首頁右邊*/
#indexGridRight {
  margin-left: -38px;
  /*中間寬度是340*/
  z-index: 3;
  animation: indexGridRightA 3s;
  -o-animation: indexGridRightA 3s;
  -ms-animation: indexGridRightA 3s;
  -moz-animation: indexGridRightA 3s;
  -webkit-animation: indexGridRightA 3s;
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */
  animation-fill-mode: forwards; }

@keyframes indexGridRightA {
  0% {
    margin-left: -38px; }
  100% {
    margin-left: 132px; } }
@-o-keyframes indexGridRightA {
  0% {
    margin-left: -38px; }
  100% {
    margin-left: 132px; } }
@-ms-keyframes indexGridRightA {
  0% {
    margin-left: -38px; }
  100% {
    margin-left: 132px; } }
@-moz-keyframes indexGridRightA {
  0% {
    margin-left: -38px; }
  100% {
    margin-left: 132px; }
}
@-webkit-keyframes indexGridRightA {
  0% {
    margin-left: -38px; }
  100% {
    margin-left: 132px; } 
}


.left1 {
  width: 210px;  
  display: block;
  background-position: 0px 0px;
  background-image: url(../img/bn04.jpg);
  background-repeat: no-repeat;
  animation: left1Img 16s infinite;
  -o-animation: left1Img 16s infinite;
  -ms-animation: left1Img 16s infinite;
  -moz-animation: left1Img 16s infinite;
  -webkit-animation: left1Img 16s infinite; }

.left1.off {
  animation-name: none; 
}

@keyframes left1Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -210px 0; }
  61% {
    background-position: -210px 0; }
  66% {
    background-position: -420px 0; }
  98% {
    background-position: -420px 0; }
  100% {
    background-position: 0 0; } }
@-o-keyframes left1Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -210px 0; }
  61% {
    background-position: -210px 0; }
  66% {
    background-position: -420px 0; }
  98% {
    background-position: -420px 0; }
  100% {
    background-position: 0 0; } }
@-ms-keyframes left1Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -210px 0; }
  61% {
    background-position: -210px 0; }
  66% {
    background-position: -420px 0; }
  98% {
    background-position: -420px 0; }
  100% {
    background-position: 0 0; } }
@-moz-keyframes left1Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -210px 0; }
  61% {
    background-position: -210px 0; }
  66% {
    background-position: -420px 0; }
  98% {
    background-position: -420px 0; }
  100% {
    background-position: 0 0; } }
@-webkit-keyframes left1Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -210px 0; }
  61% {
    background-position: -210px 0; }
  66% {
    background-position: -420px 0; }
  98% {
    background-position: -420px 0; }
  100% {
    background-position: 0 0; } 
}


.left2 {
   height: 216px;
  display: block;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  animation: left2Img 16s infinite;
  -o-animation: left2Img 16s infinite;
  -ms-animation: left2Img 16s infinite;
  -moz-animation: left2Img 16s infinite;
  -webkit-animation: left2Img 16s infinite; }

.left2.off {
  animation-name: none; 
}

@keyframes left2Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -216px ; }
  61% {
    background-position: 0 -216px ; }
  66% {
    background-position: 0 -432px ; }
  98% {
    background-position: 0 -432px; }
  100% {
    background-position: 0 0; } }
@-o-keyframes left2Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -216px ; }
  61% {
    background-position: 0 -216px ; }
  66% {
    background-position: 0 -432px ; }
  98% {
    background-position: 0 -432px; }
  100% {
    background-position: 0 0; } }
@-ms-keyframes left2Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -216px ; }
  61% {
    background-position: 0 -216px ; }
  66% {
    background-position: 0 -432px ; }
  98% {
    background-position: 0 -432px; }
  100% {
    background-position: 0 0; }}
@-moz-keyframes left2Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -216px ; }
  61% {
    background-position: 0 -216px ; }
  66% {
    background-position: 0 -432px ; }
  98% {
    background-position: 0 -432px; }
  100% {
    background-position: 0 0; } }
@-webkit-keyframes left2Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -216px ; }
  61% {
    background-position: 0 -216px ; }
  66% {
    background-position: 0 -432px ; }
  98% {
    background-position: 0 -432px; }
  100% {
    background-position: 0 0; } 
}



.left3 {
  width: 340px;
  display: block;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  animation: left3Img 16s infinite;
  -o-animation: left3Img 16s infinite;
  -ms-animation: left3Img 16s infinite;
  -moz-animation: left3Img 16s infinite;
  -webkit-animation: left3Img 16s infinite; }

.left3.off {
  animation-name: none; 
}

@keyframes left3Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -340px 0; }
  61% {
    background-position: -340px 0 ; }
  66% {
    background-position: -680px 0 ; }
  98% {
    background-position: -680px 0; }
  100% {
    background-position: 0 0; } }
@-o-keyframes left3Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -340px 0; }
  61% {
    background-position: -340px 0 ; }
  66% {
    background-position: -680px 0 ; }
  98% {
    background-position: -680px 0; }
  100% {
    background-position: 0 0; } }
@-ms-keyframes left3Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -340px 0; }
  61% {
    background-position: -340px 0 ; }
  66% {
    background-position: -680px 0 ; }
  98% {
    background-position: -680px 0; }
  100% {
    background-position: 0 0; }}
@-moz-keyframes left3Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -340px 0; }
  61% {
    background-position: -340px 0 ; }
  66% {
    background-position: -680px 0 ; }
  98% {
    background-position: -680px 0; }
  100% {
    background-position: 0 0; } }
@-webkit-keyframes left3Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: -340px 0; }
  61% {
    background-position: -340px 0 ; }
  66% {
    background-position: -680px 0 ; }
  98% {
    background-position: -680px 0; }
  100% {
    background-position: 0 0; }
}



.left4 {
  width: 340px;
  display: block;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  animation: left4Img 16s infinite;
  -o-animation: left4Img 16s infinite;
  -ms-animation: left4Img 16s infinite;
  -moz-animation: left4Img 16s infinite;
  -webkit-animation: left4Img 16s infinite; }

.left4.off {
  animation-name: none; 
}

@keyframes left4Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -220px; }
  61% {
    background-position: 0 -220px; }
  66% {
    background-position: 0 -440px; }
  98% {
    background-position: 0 -440px; }
  100% {
    background-position: 0 0; } }
@-o-keyframes left4Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -220px; }
  61% {
    background-position: 0 -220px; }
  66% {
    background-position: 0 -440px; }
  98% {
    background-position: 0 -440px; }
  100% {
    background-position: 0 0; } }
@-ms-keyframes left4Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -220px; }
  61% {
    background-position: 0 -220px; }
  66% {
    background-position: 0 -440px; }
  98% {
    background-position: 0 -440px; }
  100% {
    background-position: 0 0; }}
@-moz-keyframes left4Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -220px; }
  61% {
    background-position: 0 -220px; }
  66% {
    background-position: 0 -440px; }
  98% {
    background-position: 0 -440px; }
  100% {
    background-position: 0 0; } }
@-webkit-keyframes left4Img {
  0% {
    background-position: 0 0; }
  28% {
    background-position: 0 0; }
  33% {
    background-position: 0 -220px; }
  61% {
    background-position: 0 -220px; }
  66% {
    background-position: 0 -440px; }
  98% {
    background-position: 0 -440px; }
  100% {
    background-position: 0 0; }
}
.sprite-png01.abso, .sprite-png02.abso, .sprite-png03.abso, .sprite-png04.abso {
  display: none; 
 }

#bg02Title, #bg03Title, #bg04Title, #bg05Title, #bg01Content, #bg05Content, #bg02-1, #bg02-2, #bg02-3, #bg03-1, #bg03-2, #bg03-3, #bg03-4, #bg04-1, #bg04-2, #bg04-3, #bg04-4 {
  display: none; 
 }
.pgbg02-r {
  background: url("../img/pgbg02-r.jpg") ;
  background-size: none;
  position: relative;
  top: 0px;
  z-index: 0; }

.pgbg03-r {
  background: url("../img/pgbg03-r.jpg") ;
  background-size: none;
  position: relative;
  top: 0px;
  z-index: 0; }
.pgbg02_1 {
  background: url("../img/pgbg06-1.jpg") ;
  background-size:none;
}
.pgbg02_2 {
  background: url("../img/pgbg06-1.jpg") ;
  background-size:none;
}
.pgbg03_1 {
  background: url("../img/pgbg03-1.jpg") ;
  background-size:none;
}
.pgbg03_2 {
  background: url("../img/pgbg03-2.jpg") ;
  background-size: none;
}

.bg01 {
  background: url("../img/bg01.jpg");
  background-size: none; }
.bg02 {
  background: url("../img/bg02.jpg") ;
  background-size: none;}
.bg04 {
  background: url("../img/bg04.jpg") ;
  background-size: none; }

.pgbg05_2{
  height: auto;
  padding-bottom: 150px;
}