body {
	margin:0
}
.main {
	width:100%
}
.top_mask {
	width:100%;
	height:96px;
	border:1px solid;
	border-color:#CCC #FFF #CCC #FFF;
	background:url('logo.png') no-repeat 128px center #F5F5F5;
	margin-top:30px;
	padding:12px 20px
}
.show {
	width:100%;
	min-height:600px;
	float:left
}
.show .s_input,.show .s_output {
	width:49.9%;
	margin-top:15px;
	min-height:600px
}
.show .fl {
	float:left;
}
.show .fr {
	float:right;
}
.area {
	width:95%;
	margin:0 8px;
	min-height:200px;
	overflow-x:hidden
}
.ext_area {
	width:95%;
	margin:0 8px;
	overflow-x:hidden
}
.textarea {
	width:100%;
	min-height:200px;
	_height:200px;
	-moz-box-sizing:border-box;
	padding:8px 10px;
	resize:none;
	border:1px solid #EEE;
	font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console",Monaco,"Courier New",Courier,monospace;
	font-size:16px;
	line-height:20px;
	height:auto
}
.bgcolor {
	background:#F3F3F3
}
.output {
	width:96%;
	padding:8px 10px;
	min-height:200px;+
	_height:200px;
	overflow:auto;
	font-size:16px;
	line-height:20px;
	font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console",Monaco,"Courier New",Courier,monospace;
}
.mg20 {
	margin-top:20px
}
.func {
	width:100%;
	height:40px;
	border-bottom:1px solid #F6F6F6
}
.func ul {
	list-style:none;
}
.func ul li {
	display:inline-block;
	float:left;
	padding:2px 5px;
	margin:0 10px;
	background-color:#F5F5F5;
	background-image:-moz-linear-gradient(center top,#F5F5F5,#F1F1F1);
	border:1px solid #DCDCDC;
	border-radius:2px 2px 2px 2px;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	min-width:46px;
	outline:medium none;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
.func ul .sele{
	background-image:-moz-linear-gradient(center top,#DDDDDD,#F1F1F1);
	background-color:#DDDDDD;
}
.func ul li:hover {
	cursor:pointer
}
.func ul li em {
	-moz-border-bottom-colors:none;
	-moz-border-image:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	border-color:#444444 #F5F5F5 #F5F5F5 #F5F5F5;
	border-style:solid;
	border-width:5px 5px 0 5px;
	display:inline-block;
	height:0;
	margin-right:4px;
	overflow:hidden;
	vertical-align:baseline;
	width:0;
	margin-left:2px
}
.menu {
	-moz-transition:opacity 0.218s ease 0s;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	cursor:pointer;
	font-size:13px;
	margin:0;
	outline:medium none;
	width:500px;
	height:180px;
	padding:4px
}
span{
	display:block;
	min-height:20px;
	line-height:20px;
	font-size:13px;
	padding:0.2em;
}
.red{
	color:#FF3300
}
.menu span{
	display:block;
	width:236px;
	height:30px;
	line-height:30px;
	font-size:12px;
	padding:2px 5px;
}
.menu span:hover{
	background:#F2F2F2
}

hr{}