@charset "utf-8";
html,body{
	background:#FFF;
}
.b_effect{
	min-width:1200px;
}
#top_wrap{
	position:relative;
	width:100%;
	height:100%;
	min-width:1200px;
	background:url(../img/top/bg.jpg) no-repeat center center;
	background-size:cover;
	overflow:hidden;
}
#top_f{
	position:absolute;
	width:100%;
	height:100%;
	min-width:1200px;
	background:url(../img/top/bg2.png) no-repeat center center;
	background-size:cover;
	left:0;
	bottom:0;
	opacity:0;
}
#top_f2{
	position:absolute;
	width:100%;
	height:100%;
	min-width:1200px;
	background:url(../img/top/bg3.png) no-repeat center center;
	background-size:cover;
	left:0;
	bottom:0;
	opacity:0;
}
#footer{
	min-width:1200px;
	height:62px;
}
canvas{
	position:absolute;
	left:0;
	top:0;
	background:none;
}
#rain{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	left:0;
	top:0;
}

.contents_main{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-width:1200px;
}



.blur_filter{
	background:rgba(0,0,0,0.5);
	z-index:2;
}


.contents_main{
	opacity:0;
}



h1{
	position:absolute;
	bottom:0;
	right:20px;
}
h2{
	position:absolute;
	right:0;
	top:0;
}
#bid{
	position:absolute;
	left:0;
	bottom:0;
}


#banner1{
    position: absolute;
    left: 490px;
    bottom: -30px;
}
#banner2{
    position: absolute;
    left: 365px;
    bottom: 112px;
}






video {display:block;}
#video{
	position:absolute;
	width:auto;
	height:100%;
	opacity:1;
	left:0;
	top:0;
	display:block;
}


#v_wrap{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;	
	left:0;
	top:0;
}
.optext{
	position:absolute;
	left:0;
	top:0;
}
#op{
	opacity:0;
}

/*
#other_contents{
	opacity:0;
}
*/

#container{
	position:relative;
	width:100%;
	min-width:1200px;
	overflow:hidden;
	padding-top:80px;
}
#navigation{
	position:absolute;
/*	bottom:66px;*/
	top:10px;
    left:20px;
}
#navigation li{
	cursor:pointer;
	float:left;
	list-style:none;
}

#op{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-483px;
	margin-top:-135px;
	width:967px;
	height:270px;
}
#cvs2{
	position:absolute;
	left:0;
	top:0;
	opacity:1;
}
#cvs{
	opacity:1;
}
#cvs3{
	position:absolute;
	left:0;
	top:0;
	clip:rect(0,0,0,0);
	-webkit-animation-name:noise-anim;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate-reverse;
	-webkit-animation-play-state:running;

	animation-name:noise-anim;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate-reverse;
	animation-play-state:running;
	opacity:1;
}
#cvs4{
	position:absolute;
	left:0;
	top:0;
	clip:rect(0,0,0,0);
	-webkit-animation-name:noise-anim;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate-reverse;
	-webkit-animation-play-state:running;

	animation-name:noise-anim;
	animation-duration:1.5s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate-reverse;
	animation-play-state:running;
	opacity:1;
}
#cvs5{
	position:absolute;
	left:0;
	top:0;
	clip:rect(0,0,0,0);
	-webkit-animation-name:noise-anim;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate-reverse;
	-webkit-animation-play-state:running;

	animation-name:noise-anim;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate-reverse;
	animation-play-state:running;
	opacity:1;
}

/*
上右下左
*/
@keyframes noise-anim{
	0%{
		clip:rect(0,150px,270px,100px);
	}
	5%{
		clip:rect(0,100px,270px,50px);
	}
	10%{
		clip:rect(0,150px,270px,100px);
	}
	15%{
		clip:rect(0,50px,270px,0px);
	}
	20%{
		clip:rect(0,1100px,270px,1050px);
	}
	25%{
		clip:rect(0,400px,270px,350px);
	}
	30%{
		clip:rect(0,350px,270px,300px);
	}
	35%{
		clip:rect(0,400px,270px,350px);
	}
	40%{
		clip:rect(0,450px,270px,400px);
	}
	45%{
		clip:rect(0,500px,270px,450px);
	}
	50%{
		clip:rect(0,700px,270px,650px);
	}
	55%{
		clip:rect(0,1100px,270px,1050px);
	}
	60%{
		clip:rect(0,700px,270px,650px);
	}
	65%{
		clip:rect(0,750px,270px,700px);
	}
	70%{
		clip:rect(0,800px,270px,750px);
	}
	75%{
		clip:rect(0,850px,270px,800px);
	}
	80%{
		clip:rect(0,900px,270px,850px);
	}
	85%{
		clip:rect(0,350px,270px,300px);
	}
	90%{
		clip:rect(0,1000px,270px,950px);
	}
	95%{
		clip:rect(0,250px,270px,200px);
	}
	100%{
		clip:rect(0,200px,270px,150px);
	}
}

@-webkit-keyframes noise-anim{
	0%{
		clip:rect(0,150px,270px,100px);
	}
	5%{
		clip:rect(0,100px,270px,50px);
	}
	10%{
		clip:rect(0,150px,270px,100px);
	}
	15%{
		clip:rect(0,50px,270px,0px);
	}
	20%{
		clip:rect(0,1100px,270px,1050px);
	}
	25%{
		clip:rect(0,400px,270px,350px);
	}
	30%{
		clip:rect(0,350px,270px,300px);
	}
	35%{
		clip:rect(0,400px,270px,350px);
	}
	40%{
		clip:rect(0,450px,270px,400px);
	}
	45%{
		clip:rect(0,500px,270px,450px);
	}
	50%{
		clip:rect(0,700px,270px,650px);
	}
	55%{
		clip:rect(0,1100px,270px,1050px);
	}
	60%{
		clip:rect(0,700px,270px,650px);
	}
	65%{
		clip:rect(0,750px,270px,700px);
	}
	70%{
		clip:rect(0,800px,270px,750px);
	}
	75%{
		clip:rect(0,850px,270px,800px);
	}
	80%{
		clip:rect(0,900px,270px,850px);
	}
	85%{
		clip:rect(0,350px,270px,300px);
	}
	90%{
		clip:rect(0,1000px,270px,950px);
	}
	95%{
		clip:rect(0,250px,270px,200px);
	}
	100%{
		clip:rect(0,200px,270px,150px);
	}
}




#visual{
	position:absolute;
	left:50%;
	margin-left:-800px;
	top:80px;
}
.visual1{
	position:relative;
}
.visual2{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.visual3{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}


#foot_contents{
	position:relative;
	height:214px;
	width:100%;
	min-width:1200px;
	overflow:hidden;
}
#foot_in{
	position:absolute;
	left:50%;
	width:1600px;
	height:156px;
	height:214px;
	margin-left:-800px;
	top:0;
	background:url(../img/top/foot.jpg) no-repeat center bottom;
	background-size:100% auto;
}


#banners{
	position:relative;
	width:960px;
	height:100px;
	margin:30px auto 0;
}
#bnr2{
	position:absolute;
	left:50%;
	margin-left:-155px;
	top:0;
}
#bnr3{
	position:absolute;
	right:0;
	top:0;
}
#adress{
    width: 960px;
    position: relative;
    margin: 30px auto 0 auto;
}
#s_banners{
	position:relative;
	width:540px;
	margin:0 auto;
}
#s_bnr2{
	position:absolute;
	right:0;
	top:0;
}
#news_tab{
	position:absolute;
	left:0;
	top:0;
	height:242px;
	width:1200px;
	background:rgba(255,255,255,0.9);
}
#news_tab_h{
    position:absolute;
    left: 0;
    top:-36px;
    height: 36px;
    width: 230px;
	cursor:pointer;
}
#news_tab_bg{
	position:fixed;
	left:50%;
	bottom:0;
	height:242px;
	margin-left:-600px;
	width:1200px;
	z-index:1;
}

#news_tab_wrap{
	position:absolute;
	width:100%;
	height:100%;
	min-width:1200px;
	left:0;
	top:0;
}
#tab_bnr1{
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-480px;
}
#tab_bnr2{
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-155px;
}
#tab_bnr3{
	position:absolute;
	left:50%;
	top:30px;
	margin-left:170px;
}

#tab_bnr4 {
    position: absolute;
    left: 50%;
    top: 130px;
    margin-left: 7px;
}
#tab_bnr5 {
    position: absolute;
    left: 50%;
    top: 130px;
    margin-left: -318px;
}
#banner_area{
    position: fixed;
    width: 326px;
    height: 486px;
    left: 10px;
    bottom: 30px;
}
.banner_fixing{
	position: absolute !important;
}

.bnr{
	margin:4px 4px 0 4px;
}


#bn1{
    position: absolute;
    left: 6px;
    top: -58px;
}
#bn3{
    position: absolute;
    left: 6px;
    top: 100px;
}
#bn6{
    position: absolute;
    left: 50px;
    top: 31px;
}

#bn7{
    position: absolute;
    left: 147px;
    top: 30px;
}
#bn8{
	position:absolute;
    left: 153px;
    top: -150px;
}
#bn2{
    position: absolute;
    left: 50px;
    top: 212px;
}
#bn22{
    position: absolute;
    left: 50px;
    top: 280px;
}
#bn4{
	position:absolute;
	left:50px;
	top:349px;
}
#bn5{
	position:absolute;
	left:50px;
	top:423px;
}



#bn9{
    position: absolute;
    left: 293px;
    top: 243px;
}
#bn01 {
    position: absolute;
   left: 303px;
    top: 363px;
}
#bn02{
    position: absolute;
   left: 303px;
    top: 227px;
}



#dvd{
    position: absolute;
    left: 140px;
    top: -140px;
}

#bn10{
    position: absolute;
    left: 50px;
    top: -200px;
}
#sbn_wrap{
	position:absolute;
	left:50%;
	top:-70px;
	width:664px;
	margin-left:-332px;
}
.sbn_img1{
	float:left;
	margin:0 5px;
}
.sbn_img2{
	float:left;
	margin:0 5px;
}
.sbn_img3{
	float:left;
	margin:0 5px;
}
.sbn_img4{
	float:left;
	margin:0 5px;
}






#adress{
    width: 960px;
    position: relative;
    margin: 30px auto 0 auto;
}
.wowow{
    position: absolute;
    left: 460px;
    top: 43px;
    width: 65px;
    height: 20px;
	background:rgba(0,0,0,0);
}