* {
	margin: 0;
	padding: 0;
}
ul,ol,li {
	list-style: none;
}
::-webkit-scrollbar-track-piece {
  background-color:#f1f2f3;
}
::-webkit-scrollbar {
  width:2px;height:2px;
}
::-webkit-scrollbar-thumb {
  background-color:#C1C1C1;
  border-radius: 1px;
  background-clip:padding-box;
  min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
  background-color:#999;
}
.content{
	max-width: 1460px;
	width: 98%;
	margin: auto;
}
.content .title{
	margin: 20px auto;
	font-size: 24px;
}
.sqldes{
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
	padding: 8px 35px 8px 14px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.box{
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
}
.box .left,.box .right{
	width: 49.5%;
	float: left;
}
.box .des{
	margin: 10px 0;
	font-size: 16px;
	color: #666;
}
.box .right{
	float: right;
}
.box textarea{
	box-sizing: border-box;
	padding: 10px;
	outline: none;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 400px;
}
.box #code_area{
	width: 100%;
	height: 400px;
}
.box #code_area pre code{
	height: 100%;
	box-sizing: border-box;
}
button{
	padding:8px 16px;  
	background-color: #909399; 
	border-color: #909399;
	color: #fff;  
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;  
	border-radius: 8px; 
	-khtml-border-radius: 8px; 
	text-align: center;  
	vertical-align: middle;  
	border: 1px solid transparent;  
	font-weight: 900; 
	cursor: pointer;
	outline: none;
	font-size:16px; 
	margin-right: 15px;
	margin-bottom: 25px;
	margin-top: 25px;
}
#btn_format,#btn_compress{
	background-color: #67C23A;
	border-color: #67C23A;
}
#btn_example{
	background-color:#428BCA;
	border-color: #428BCA;
}
.success{
	border: 2px solid rgb(221,221,221);
	margin-bottom: 1em;
	padding: 0.8em;
	margin-top: 10px;
	background: none repeat scroll 0 0 rgb(230,239,194);
	border-color: rgb(198,216,128);
	color: rgb(82,146,20);
	white-space: pre-wrap;
	word-wrap: break-word;
}
@media screen and (max-width: 980px){
	.box .left,.box .right{
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 640px){
	button{
		padding:5px 10px; 
		font-size: 14px;
		margin: 10px;
		margin-left: 0;
	}
}