@charset "utf-8"

	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 10px;
		color: #4F5155;
		z-index:0;
		font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
	}

	
	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #444;
		background-color: transparent;
		font-size: 72px;
		font-weight: normal;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
	}
	.page_header{
		width:100%;
		clear:both;
		margin: -5px 0 8px 0;
	}
	footer{clear:both;margin-top:20px;}
	.logo{
		float:left;
		font-size:50px;
	}
	.watchword{
		text-align:center;
	}
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}

    footer ul li{
        display:inline-block;
    }
	
	.radius {border-radius: 4px;}
	.r{float:right;}
	
	li{list-style: none;}
	
@media screen and (max-device-width: 800px) {
	body{margin:2px;}
	h1 {font-size: 32px;	}
	#simple_view,#alltask_view,#calendar_view,#task_view,#stage_view,#search_view,#help_view{width:98%;}
    footer{display:none;}
    .logo{position:absolute;z-index:-10;top:200px;}
}