#main {
    width:100%;
    height: -webkit-fill-available;
}

#title{
	height: 95px;
	text-align: center;
	overflow:hidden;
	color: #95B8F2;
	border:0px 0px 2px 0px;
	background-color: #FCFCFC;
}
#foot{
	height: 70px;
}
#foot p{
	margin-top: 20px;
	text-align: center;
}
.logo{
	float: left;
	width: 35%;
	text-align: right;
	line-height: 95px;
}
.logo img{
	margin-right: 40px;
	width: 80px;
	margin-top: 7px;
}
.content{
	float: left;
	width: 65%;
	text-align: left;
	font-size: 40px;
	line-height: 95px;
}

#content{
	background-color: #FCFCFC;
}
#loginDiv {
    border: 2px solid #ccc;
    border-radius: 10px;
    position: absolute;
    /*right: 50px;*/
    left: 400px;
    top: 90px;
    width: 200px;
    height: 270px;
    padding: 10px;
    box-shadow: 12px 10px 12px #ccc;
}
#loginDiv table{
	margin-top: 30px;
}
#loginDiv table tr.tr2{
	height:35px;
}
#loginDiv table tr.tr2 td input{
	border-radius: 5px;
	height: 20px;
	line-height: 20px;
}
#loginDiv table tr td.td1{
	padding-top: 15px;
}
#loginDiv table tr td.td1 input{
	height: 30px;
    width: 70px;
    border-radius: 5px;
    line-height: 26px;
}
#loginDiv table tr td.td1 input.loginInput{
	background-color: #95b8e7;
	border: 1px solid #fff;
	box-shadow: 2px 2px 2px #aac5e7;
	color: #eaf2ff;
	margin-right: 10px;
}
#loginDiv table tr td.td1 input.registerInput{
	background-color: #ffab3f;
	border: 1px solid #fff;
	box-shadow: 2px 2px 2px #ffe48d;
	color: #eaf2ff;
}

#wrapDiv{
	width: 400px;
	position: fixed;
	margin-left: 80px;
}
#wrap{
	width: 100%;
	height:500px;				
	position: relative;
	/*一定要有以下样式，才会有3D的效果*/
	/*把div变成3D的场景*/
	transform-style: preserve-3d;
	perspective: 2500px;
}
#wrap img{
	/*对所有的图片进行设置样式*/

	/*这里一定要设置为绝对定位*/
	position: absolute;
	/*calc()是一个计算函数  页面的宽度-容器宽度的一半*/
	left: calc(50% - 100px);
	top: calc(50% - 170px);
	border-radius: 7px;
	/*看到图片的运动过程*/
	transition:0.8s ease-in-out;
	box-shadow: 0px 10px 10px #ccc;
}