/*默认样式更改*/

a {
text-decoration: none;
}



	* {
		/* font-family: "Times New Roman", "宋体"; */
	}

	html, body {
		margin: 0 auto;
		-ms-overflow-style: none;  /* 禁止IE浏览器页面主体显示滚动条（自动隐藏，不占空间：-ms-autohiding-scrollbar） */
		/* background-color: rgba(255,255,255,0.5); */
		/* font-family: 宋体; */  /* 设置后,窗体较小时,不能均分两栏(上下分隔) */
		/* background-image: url("../img/China Flag.png"); */
	}

	/* 页眉区 */
	#header {
		text-align: center;
		/* background-color: #f0ffe6; */
	}

	#header_left_content {
		display: inline-block;
		text-align: center;
		position: absolute;
		left: 0;
		margin: 28.26px auto 16px 30px;
	}

	/* 页眉区主内容（含编辑器LOGO、标题，日期时间） */
	#header_main_content {
		display: inline-block;
		width: auto;
	}

	/* 页眉区右侧内容 */
	#header_right_content {
		display: inline-block;
		text-align: center;
		position: absolute;
		right: 0;
		margin: 40.26px 30px 16px auto;
	}

	#mode_switch_box {
		display: inline-block;
		border: 1px solid #444444;
		border-radius: 20px 20px;
		box-shadow: 0 0 20px #EEEEEE inset;
		width: 60px;
		height: 20px;
		font-size: 14px;
		text-align: left;
	}
	
	#mode_switch_button {
		display: inline-block;
		border: 1px solid #888888;
		border-radius: 18px 18px;
		box-shadow: 1px 0 2px #999;
		background-color: #FFFFCD;
		width: 18px;
		height: 18px;
		text-align: center;
		color: #ffaa00;
	}

	#tool_label {
		display: inline-block;
		position: fixed;
		border: 1px solid #AAAAAA;
		border-right: none;
		right: -34px;
		padding: 5px;
		width: 48px;
		heihgt: 15px;
		text-align: center;
		cursor: help;
		box-shadow: -1px 1px 10px #999999;
		border-radius: 15px 0 0 15px;
		background-color: rgba(195, 225, 255, 0.8);
	}

	h1 {
		font-size: 24px;  /* h2字体大小 */
		display: inline-block;
		margin: 16px auto;
		background-image: url("../img/icon/Logo.png");
		background-repeat: no-repeat;
		background-size: 29px;
		/* background-position: 41.6% 50%; */  /* 注意：Logo的嵌入方法待优化（按百分比定位不准） */
		line-height: -10px;
		vertical-align: -10px;
	}

	h2 {
		text-align: center;
		font-size: 20px;
		margin: 0 auto 14px auto;
	}

	#time_now {
		font-size: 17px;
		margin: 0 auto 16px auto;
		display: inline-block;
	}




	/* 注意：div的内外边距默认为0px */



	/* 分割线默认样式 */
	hr {
		margin: 0;
		padding: 0;
	}



	/* 页中、实时预览窗、编辑器 */
	#pagebody, #run_code, #code_program {
		display: inline-block;
	}

	/* 页中 */
	#pagebody {
		/* margin: 0.5%; */
		padding: 0.5%;
		/* border: 1px solid red; */
		width: 99%;
		height: 100%;
		box-shadow: 0 0 6px black inset;
	}

	/* 可视化开发系统Logo */
	#logo {
	}

	/* 实时预览窗 */
	#run_code {
		/* border: 1px solid orange; */
		/* border-right: 2px solid #AAAAAA; */  /* 边框高度即div框架高度 */
		padding: 0.5%;
		width: 48.8%;
		height: 950px;  /* 删除index.php中的PHP代码时，窗口高度缩小，添加PHP代码时，高度撑起，原因？ */
	}

	/* “全屏预览”按钮 */
	#full_screen {
		background-image: url("../img/icon/Full_Screen.png");
		background-repeat: no-repeat;
		background-size: 17%;
		background-position: 8% 50%
	}



	/* 可视化编辑器 */
	#code_program {
		/* border: 1px solid green; */
		padding: 0.5%;
		width: 49%;
		/* height: 580px; */
		vertical-align: top;  /* 为何此处添加此属性能够使得左侧的实时预览框顶端对齐 */
	}

	/* 框架公共样式 */
	iframe {
		border: 1px solid #888888;  /* 原色彩：#CCCCCC */
		width: 100%;
	}

	/* 实时预览窗框架 */
	iframe[name=run_code_window] {
		height: 82%;  /* 超过此百分比会导致框架内容溢出，因为实时预览窗口标题占用高度，相对于其父div高度计算 */
	}

	/* 可视化编辑器框架 */
	iframe[name=code_program_window] {
		height: 400px;
	}

	/* 源代码编辑器框架 */
	iframe[name=source_editor_window] {
		border: none;
		height: 345px;
	}

	form {
		/* margin: 0 0 1% 0; */  /* 没有此样式时，为何元素编辑框form下边距存在16px？ */
	}

	span {
		display: inline-block;
		margin: auto auto 10px auto;
	}

	/* 按钮组 */
	.button {
		margin: 1% 0;
		text-align: center;
	}

	/* 提交按钮、重置按钮、普通按钮 */
	input[type=submit], input[type=reset], input[type=button] {
		background-color: #EEEEEE;
		border: 1px solid #666666;
		border-radius: 8px;
		padding: 8px;
		/* color: black; */
		width: auto;
		height: auto;
		cursor: pointer;
		/* font-family: 宋体; */  /* 预留项 */
		/* vertical-align: middle;无效 */
	}

	/* 提交按钮、重置按钮、普通按钮的悬停样式 */
	input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
		background-color: #D0D0D0;
		border: 1px solid red;
	}

	/* 提交按钮、重置按钮、普通按钮激活样式 */
	input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
		background-color: #909090;
	}

	/* 页尾样式 */
	#footer {
		/* display: block; */
		height: auto;
		text-align: center;
		color: #888888;
		/* margin: 0; */
		padding: 16px;
		font-size: 14px;
		line-height: 32px;
		background-color: RGB(40,40,40);
	}

#footer a {
		color: #888888;
}