@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"HYQiHei70S";
	src:url(../font/HYQiHei-70S.otf);}
html,body,p{
	margin: 0;
	padding: 0;
	border: 0;
	height:100%;
	font-family:Microsoft YaHei, Arial Black, sans-serif;}
#desktop{
	height: 100%;
	width:100%;
	background-image: url(../img/img0.jpg);
	background-position: 50%;
	background-origin: border-box;
	background-clip: border-box;
	background-repeat: repeat;
	background-attachment: fixed;}
#app{
	width:100%;
	height:100%;}
#app-edge{
	position:absolute;
	top:50px;
	left:420px;
	width:1024px;
	height:768px;
	border: RGB(24,131,215) solid 1px;
	overflow: hidden;
	box-shadow: 0 0 6px #666;
	margin:10px;}
#edge-nav{
	width: 100%;
	height: 75px;
	background-color:#FFF;
	cursor:default;}
#edge-nav-up{
	width: 100%;
	height: 31px;
	background-color:#CCC;}
#edge-nav-down{
	width: 100%;
	height: 44px;
	background-color:#F2F2F2;}
#edge-window{
	width: 100%;
	height:100%;}
#edge-window-shade{
	position: absolute;
	width: 100%;
	height:100%;}
iframe{
	position: absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
	z-index: 99;}
#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	height:30px;
	z-index: 1000;}
#background{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 10;}
.icon{
	position: relative;
	height:100%;
	opacity: 1;
	z-index: 100;}
.left{
	float:left;}
.right{
	float:right;}
.windows{width: 36px;background-image:url(../img/windows.jpg);}
.windows:hover{background-image:url(../img/windows-tr.jpg);}
.cortana{width: 36px;background-image:url(../img/cortana.jpg);}
.cortana:hover{background-image:url(../img/cortana-tr.jpg);}
.mission{width: 36px;background-image:url(../img/mission.jpg);}
.mission:hover{background-image:url(../img/mission-tr.jpg);}
.edge{width: 36px;background-image:url(../img/edge.jpg);}
.edge:hover{background-image:url(../img/edge-tr.jpg);}
.back{width: 13px;background-image:url(../img/back.png);}
.back:hover{background-image:url(../img/back-tr.png);}
.message{width: 40px;background-image:url(../img/message.jpg);}
.message:hover{background-image:url(../img/message-tr.jpg);}
.clock{
	color: #FFF;
	width: 45px;
	text-align: center;
	line-height: 32px;
	cursor:default;
	background-color:RGB(0,4,9);
	font-size:0.75em;}
.clock:hover{background-color:RGB(25,28,32);}
.nav{width:200px;background-color:#F2F2F2;}
.nav-icon{width:32px;}
.nav-icon rect{stroke:#000;stroke-linejoin:miter;fill-opacity:0;}
.nav-icon polyline{stroke:#000;}
#nav-text{
	width:136px; 
	height:100%; 
	font-weight:100; 
	line-height:30px; 
	font-size:0.50em; 
	overflow: hidden;
	cursor:default;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;}
.nav-esc{width:32px;}
.nav-esc line{stroke:#000;}
.nav-esc:hover >line{stroke-width:1.05px;stroke: RGB(232,17,35);}
.nav-add{width:32px;}
.nav-add polyline{stroke:#000;}
.nav-add:hover{background-color: RGB(179,179,179);}
.esc{width:46px;}
.esc line{stroke:#000;}
.esc:hover{background-color: RGB(232,17,35);}
.esc:hover > line{stroke:#FFF;}
#max-win{width:46px;}
.max{position: absolute; width:46px;display: block;}
.max polyline{stroke:#000;stroke-linejoin:miter;fill-opacity:0;}
.max:hover{background-color: RGB(179,179,179);}
.max:hover > .rect2{fill:RGB(179,179,179);}
.win{position: absolute; width:46px;display: none;}
.win rect{stroke:#000;stroke-linejoin:miter;fill-opacity:0;}
.win polyline{stroke:#000;stroke-linejoin:miter;fill-opacity:0;}
.win:hover{background-color: RGB(179,179,179);}
.min{width:46px;}
.min line{stroke:#000;}
.min:hover{background-color: RGB(179,179,179);}
#nav-back{width: 44px;margin-right: 4px;stroke:#919191;stroke-width:1.05;stroke-linejoin:miter;fill-opacity:0;}
.nav-go{width: 44px;margin-right: 4px;stroke:#919191;stroke-width:1.05;stroke-linejoin:miter;fill-opacity:0;}
#nav-F5{width: 44px;stroke:#000;stroke-width:1.05;stroke-linejoin:miter;fill-opacity:0;}
#nav-F5:hover{background-color: RGB(218,218,218);}
.nav-line{width:1px;stroke:#919191;}
.nav-web{margin:auto 16px;}
.nav-www{position:absolute;left:1px;height:32px;margin-top:5px;border:0px;outline:none;background: #f2f2f2;padding:0 10px 0;font-size:0.5em;}
.nav-www:hover + div{stroke-opacity:0;}
.nav-www:hover{border:#CCC solid 1px;background: #FFF;}
.nav-www:focus + div{stroke-opacity:0;}
.nav-www:focus {border:#CCC solid 1px;background: #FFF;}
.nav-more{width:44px;fill:#000;}
.nav-more:hover{background-color: RGB(218,218,218);}