body {
	background-color: black;
	BACKGROUND-POSITION: center top;
	}


td{
	FONT-SIZE: 18px;
	color: #FFFFFF;
	font-family:"Adobe Fan Heiti Std";
}
div{
	FONT-SIZE: 25px;
	color: #FFFFFF;
	font-family:"Adobe Fan Heiti Std";
	line-height: 30px;
}

#t {
	FONT-SIZE: 40px;
	color: yellow;
	font-family:"Adobe Fan Heiti Std";
	line-height: 50px;
}

#t1 {
	FONT-SIZE: 30px;
	font-family:"Adobe Fan Heiti Std";
	line-height: 35px;
}
#top_bg {
	background-image: url(images/main_01.jpg);
	width: 1000px;
	height:825px;
	margin:0px auto;
}
#top_bg1 {
	background-image: url(images/main_02.jpg);
	width: 1000px;
	height:850px;
	margin:0px auto;
}
#top_bg2 {
	background-image: url(images/main_03.jpg);
	width: 1000px;
	height:461px;
	margin:0px auto;
}
#top_bg3 {
	background-image: url(images/main_04.jpg);
	width: 1000px;
	margin:0px auto;
}
#top_bg4 {
	background-image: url(images/main_05.jpg);
	width: 1000px;
	height:46px;
	margin:0px auto;
}
#main_txt1 {
	width: 580px;
	height:520px;
	left : 350px;
	top : 270px;
	position:relative;
}

#logo {
	width: 307px;
	height:117px;
	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-color: #f06600;
}
#main_txt{
	width: 850px;
	margin:0px auto;
	position:relative;
}
#red{
	color:red;
}
.b {
	margin-left:20px;
}

a {
	text-decoration: none;
}

#txt_box1 {
	width:790px;
	height : 300px;
	position:relative;
	top:10px;
	margin:0px auto;

}

#txt_box2, #txt_box3, #txt_box4 {
	width:790px;
	height : 820px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}
#txt_box2 {
	width:790px;
	height : 480px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}
#txt_box3{
	width:790px;
	height : 1400px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}
#txt_box4 {
	width:790px;
	height : 400px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: 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;
  }
}