body {
	background-color: #d20000;
	BACKGROUND-POSITION: center top;
	background-image: url(images/bg.png);
	
	}


td{
	FONT-SIZE: 25px;

	font-family:"Adobe Fan Heiti Std";
	line-height: 30px;
}
div{
	FONT-SIZE: 30px;
	color: saddlebrown;
	font-family:"Adobe Fan Heiti Std";
	line-height: 35px;
}

.info{
	width:1280px;
	margin: auto;
	
}

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

#t1 {
	FONT-SIZE: 30px;
	font-family:"Adobe Fan Heiti Std";
	line-height: 35px;
}

#top_bg1 {
	background-image: url(images/index_09.png);
	width: 1280px;
	height:1053px;
	margin:0px auto;
}
#top_bg2 {
	background-image: url(images/main_03.png);
	width: 1280px;
	height:654px;
	margin:0px auto;
}
#top_bg3 {
	background-image: url(images/main_04.png);
	width: 1280px;
	margin:0px auto;
}
#top_bg4 {
	background-image: url(images/main_05.png);
	width: 1280px;
	height:69px;
	margin:0px auto;
}
#main_txt1 {
	width: 730px;
	height:520px;
	left : 450px;
	top : 260px;
	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: 1280px;
	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:850px;
	height : 600px;
	position:relative;
	top:10px;
	margin:0px auto;

}


#txt_box2 {
	width:850px;
	height : 600px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}
#txt_box3{
	width:850px;
	height : 600px;
	position:relative;
	top:10px;
	margin:0px auto;
	display: none;
	
}
#txt_box4 {
	width:850px;
	height : 550px;
	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;
  }
}

@-webkit-keyframes snow {
0% {
background-position:0 0, 0 0
}
100% {
background-position:500px 500px, 1000px 500px
}
}
@keyframes snow {
0% {
background-position:0 0, 0 0
}
100% {
background-position:500px 500px, 1000px 500px
}
}
.container {
	box-shadow: 0 0 4px 3px rgba(0,0,0,.05);
}
#snowMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(images/snow1.png), url(images/snow2.png);
	-webkit-animation: 10s snow linear infinite;
	animation: 10s snow linear infinite;
	pointer-events: none;
	z-index: 9999;
}