@charset "utf-8";
body, html{
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0px;
}
#all {
	height:100%;
	margin: 0;
	padding: 0px;
    background-image: url(bg/bg4.jpg);
    background-position: top;
    background-repeat:no-repeat;
    background-attachment: scroll;
	background-size:cover;
	background-color: #FFFFFF;
}
.div1{
	width: 50vw;
	height: auto;
	min-width:960px;
	width:expression_r(document.body.clientWidth < 960 ? "960px": "auto" );
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	left:25%;
}
.div2{
	width: 10vw;
	height: auto;
	position: fixed;
	right: 0px;
	top: 1%;
	text-align: center;
}
.div3{
	width: 100vw;
	height: auto;
	min-width:1920px;
	width:expression_r(document.body.clientWidth < 1920 ? "1920px": "auto" ); 
	margin-left:auto;
	}
#d2 #m1 {
	float: left;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#d2 #m2 {
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#d2 #m3 {
	float: left;
	height:auto;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#d1 #top #top1 {
	left:0px;
	height:auto;
	width:99%;
	display:block;
}
#d3 #top2 #top22 {
	left:0px;
	height:auto;
	width:99%;
	display:block;
}
#d1 #story #story1 {
	left:0px;
	height:auto;
	width:99%;
	display:block;
}
#d2 #m1 #p1 {
	left:0px;
	height:auto;
	width:100%;
	display:block;
	margin-top:0 
}
#d2 #m2 #p2 {
	left:0px;
	height:auto;
	width:100%;
	display:block;
	margin-top:0
}
#d2 #m3 #p3 {
	left:0px;
	height:auto;
	width:100%;
	display:block;
	margin-top:0
}
#all #backtop {
	z-index: 1;
}