body {padding:0;margin:0;border:0;width:100%;height:100%;}
html{font-family: Microsoft YaHei}
@media screen and (max-width:270px){html,header{font-size:6.5px}}
@media screen and (min-width:271px) and (max-width:295px){html,header{font-size:7.5px}}
@media screen and (min-width:296px) and (max-width:320px){html,header{font-size:8.5px}}         /*iphone4*/
@media screen and (min-width:321px) and (max-width:345px){html,header{font-size:9.5px}}
@media screen and (min-width:346px) and (max-width:370px){html,header{font-size:10.5px}}        /*5.0~5.2ÆÁ*/
@media screen and (min-width:371px) and (max-width:395px){html,header{font-size:11.5px}}
@media screen and (min-width:396px) and (max-width:420px){html,header{font-size:12.5px}}		/*5.5ÆÁ*/

@media screen and (min-width:421px) and (max-width:445px){html,header{font-size:12.65px}}
@media screen and (min-width:446px) and (max-width:470px){html,header{font-size:12.80px}}
@media screen and (min-width:471px) and (max-width:495px){html,header{font-size:12.95px}}
@media screen and (min-width:496px) and (max-width:520px){html,header{font-size:13.10px}}
@media screen and (min-width:521px) and (max-width:545px){html,header{font-size:13.25px}}
@media screen and (min-width:546px) and (max-width:570px){html,header{font-size:13.40px}}
@media screen and (min-width:571px) and (max-width:595px){html,header{font-size:13.55px}}
@media screen and (min-width:596px) and (max-width:620px){html,header{font-size:13.70px}}
@media screen and (min-width:621px) and (max-width:645px){html,header{font-size:13.85px}}
@media screen and (min-width:646px) and (max-width:670px){html,header{font-size:14.00px}}
@media screen and (min-width:671px) and (max-width:695px){html,header{font-size:14.15px}}
@media screen and (min-width:696px) and (max-width:745px){html,header{font-size:14.30px}}
@media screen and (min-width:746px) and (max-width:795px){html,header{font-size:14.45px}}
@media screen and (min-width:796px) and (max-width:845px){html,header{font-size:14.60px}}
@media screen and (min-width:846px) and (max-width:895px){html,header{font-size:14.75px}}
@media screen and (min-width:896px) and (max-width:945px){html,header{font-size:14.90px}}
@media screen and (min-width:946px) and (max-width:995px){html,header{font-size:15.05px}}

@media screen and (min-width:996px) and (max-width:1045px){html,header{font-size:15.25px}}       /*IPad*/
@media screen and (min-width:1046px) and (max-width:1095px){html,header{font-size:15.45px}}
@media screen and (min-width:1096px) and (max-width:1145px){html,header{font-size:15.65px}}
@media screen and (min-width:1146px) and (max-width:1195px){html,header{font-size:15.85px}}

@media screen and (min-width:1196px) {html,header{font-size:16.1px}}

	#x3dElement{
	position:absolute;
	top:0px;
	left:0px;
	right:0%;
	bottom:0px;
	border:0px;
	background: linear-gradient(#ffffff,#beb7b4);
	}

	#bg{
	position:absolute;
	top:0px;
	left:0px;
	right:0%;
	bottom:0px;
	border:0px;
	background: linear-gradient(#ffffff,#beb7b4);
	z-index:1000;
	text-align: center;
	}

	#a{
	position:absolute;
	top:0;
	left:1em;
	font-size:1.7em;
	z-index:1001;
	}
	#a img{width:2.5em;}

    .text-center{text-align:center}/*¾ÓÖÐÄ£¿é*/
	.b{
	position:absolute;
	bottom:2em;
	z-index:1000;
	left:50%;
	width:70%;
	margin-left:-35%;
	z-index:1001;
	}
	.b p{
	color:#000;
	font-size:1em;
	margin: auto;
	}

.x3dom-canvas {
  border:none;
  cursor:pointer;
  width:100%;
  height:100%;
}