.swiper-container {
      width: 385px;
      height: 200px;
      padding: 20px;

    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width:385px;
      height: 200px;
	  
	  text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .test{
      width:385px;
      height: 200px;
      position: absolute;
 
    }
     

    .tit {
      padding: 0 10px;
      box-sizing: border-box;
      color: #fff;
      background: rgba(0, 0, 0, .2);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40px;
      line-height: 40px;
    }

    .srcImg{width:100%;}


    .layer-box {
      width: 1200px;
      margin: 0 auto;
      position: relative;
    }

    /*banner鍥惧強鍔ㄧ敾*/
.in-banner {
	/*background: #0066d8;*/
	background: url(../img/bg80.jpg) center 0 no-repeat !important;
	height: 114px;
	position: relative;
	overflow: hidden;
}


.stars,
.twinkling,
.clouds {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.stars {
	/*  background:url(../img/stars.png) repeat top center;*/
	z-index: 0;
}

.twinkling {
	background: transparent url(../img/twinkling.png) repeat top center;
	/* */
	z-index: 1;

	-moz-animation: move-twink-back 200s linear infinite;
	-ms-animation: move-twink-back 200s linear infinite;
	-o-animation: move-twink-back 200s linear infinite;
	-webkit-animation: move-twink-back 200s linear infinite;
	animation: move-twink-back 200s linear infinite;
}

.clouds {
	background: transparent url(../img/clouds4.png) repeat top center;
	z-index: 3;
	-moz-animation: move-clouds-back 200s linear infinite;
	-ms-animation: move-clouds-back 200s linear infinite;
	-o-animation: move-clouds-back 200s linear infinite;
	-webkit-animation: move-clouds-back 200s linear infinite;
	animation: move-clouds-back 200s linear infinite;
	display: none;
}

.earth {
	position: absolute;
	width: 180px;
	margin-left: -120px;
	top: 20px;
	left: 50%;
	z-index: 88;
	display: none;
}

.earth2 {
	position: absolute;
	left: 64%;
	z-index: 198;
	top: 48px;
	display: none;
}

.earth {
	-webkit-animation: ball 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
	animation: ball 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
	height: 50px;
	width: 50px;
}

.earth2 {
	-webkit-animation: ball 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
	animation: ball 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
	height: 50px;
	width: 50px;
	ananimation-delay: 300ms;
	-webkit-ananimation-delay: 300ms;
}


.timgs {
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 188;
	text-align: center;
	line-height: 134px;
}

.timgs img {
	-webkit-animation: tis 5500ms linear infinite;
	animation: tis 5500ms linear infinite;
}

.timgs2 {
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 188;
	text-align: center;
	line-height: 134px;
}

.timgs2 img {
	-webkit-animation: tis2 5500ms linear infinite;
	animation: tis2 5500ms linear infinite;
}

.H25 {
	height: 25px;
}