@font-face {
  font-family:'kaiu';
  font-style: normal;
  font-weight: 500;
  src: url(kaiu.ttf) format('truetype');
}
*,*:before,*:after {
	box-sizing:border-box;
	outline:none;
}
body {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-family: kaiu;
}
a{text-decoration:none}
text{dominant-baseline:hanging} 

/* BEGIN Workplace Chinese Interface */
[data-page_id]{cursor:pointer}
.tool_tip{
	background: cornsilk;
	border:1px solid black;
	border-radius: 5px;
	padding: .3em;
	z-index: 100;
}

/* END Workplace Chinese Interface
	BEGIN Win7 Interface */
.start-menu_top_bar {
	width:100%;
}
.desktop {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translate3d(0, 0, 0);
	background: -webkit-linear-gradient(bottom right,orange,purple);
}
.taskbar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height:2em;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.15);
	background-color:rgba(28,36,41,0.5);
	z-index: 9998;
}
.taskbar__item-close {
	width:2em;
	float:right;
}
.taskbar__item_start{
	font-size: 1.4em;
	color: white;
	float: left;
	position: relative;
	z-index: 10;
	color: rgb(65,105,225);
	transition: transform,opacity 250ms;
}
.taskbar__item_start:hover{color:#555}
.taskbar__item_start_ac{
	background-color: rgba(192,192,192,0.8); 
	color: white;
}
.taskbar__tray {
	color: white;
	padding: 0.2em;
	float: right;
}
.start-menu {
	display:flex;
	position:absolute;
	left: 0;
	bottom: 2em;
	padding: 0.5em;
	height: 85vh;
	min-height: 512px;
	z-index: 9999;
	color: white;
	background-color: rgba(192,192,192,0.8);
	transition: 0.25s ease-out;
}
#start_menu_fade{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
	background-color:rgba(0,0,0,0.5);
}
.start-menu__list{
	flex: 0 1 auto;
	position: relative;
	width: 18em;
	transform: translate(-100%, 0);
	opacity: 0;
	transition: transform,opacity 0.1s;
}
.start-menu--opened{
	transition: 0.1s ease-in;
}
.start-menu--opened .start-menu__list,
.start-menu--opened .start-menu__recent
{
	transform: none;
	opacity: 1;
}
.start-menu__recent {
	overflow: hidden;
	width:100%;
	padding: 0;
	margin: 0;
	transform: translate(-100%, 0);
	opacity: 0;
	transition: transform 150ms ease-out 50ms, opacity 200ms ease-out 50ms;
}
.start-menu__recent li {
	list-style: none;
}
.start-menu__recent li a {
	display: block;
	padding: 0.5em;
	color: white;
}
.start-menu__recent li a:hover {
	background-color: rgba(255, 255, 255, 0.15);
}
.start-menu__recent li a > i {
	display: inline-block;
	width:2em;
	height:2em;
	margin-right: 0.5em;
	vertical-align:middle;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.start-menu__recent li.start-menu__explorer a > i {
	background-color: #0097A7;
}
.start-menu__recent li.start-menu__mail a > i {
	background-color: #5C6BC0;
}
.start-menu__recent li.start-menu__notepad a > i {
	background-color: #EC407A;
}
.search {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: white;
}
.search__input {
	display: block;
	width: 100%;
	padding: 0.2em;
	height: 2em;
	font-size: 1em;
	cursor:text;
}