body {
	background-color: #8fffe9;
	BACKGROUND-POSITION: center top;
	}
table {
	
	border-color: white;
}


td{
	FONT-SIZE: 18px;
	color: #000000;
	font-family: Microsoft JhengHei;
}
div{
	FONT-SIZE: 25px;
	color: black;
	font-family: Microsoft JhengHei;
	line-height: 30px;
}

.buttom {
	background-color: black;
}

#t {
	FONT-SIZE: 50px;
	
	font-family: Microsoft JhengHei;
	line-height: 60px;
}

#t1 {
	FONT-SIZE: 30px;
	font-family: Microsoft JhengHei;
	line-height: 35px;
}
#top_bg {
	
	width: 1000px;
	height:850px;
	margin:0px auto;
}

#logo {
	width: 315px;
	height:235px;
	top:0px;
	Left:640px;
	position:relative;
}

#txt {
	width: 503px;
	height:191px;
	top:-30px;
	Left:10px;
	position:relative;
}
#txt1 {
	width: 691px;
	height:443px;
	top:-30px;
	Left:0px;
	position:relative;
}
#btn {
	width: 1000px;
	height:151px;
	position:relative;
	margin:0px auto;
}

#main_bg{
	width: 1000px;
	margin:0px auto;
	position:relative;
	background-image: url("images/index_12.jpg");
	
}
#main_txt{
	width: 850px;
	margin:0px auto;
	position:relative;
}
#red{
	color:red;
}
a {
	text-decoration: none;
}
.vibrate-1 {
	-webkit-animation: vibrate-1 0.3s linear infinite both;
	        animation: vibrate-1 0.3s linear infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-10-22 10:26:37
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.roll-in-blurred-left {
	-webkit-animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-22 10:30:52
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-blurred-left
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
            transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes roll-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
            transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

#txt_box1 {
	width:800px;
	height : 500px;
	position:relative;
	top:10px;
	margin:0px auto;

}


#txt_box2 {
	width:800px;
	height : 600px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}
#txt_box3{
	width:800px;
	height : 1200px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}

#txt_box4 {
	width:800px;
	height : 500px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;

}