*{
	padding:0;
	margin:0;
	border:0;
	font-size: 13px;
}
.main-wrap{
	display: flex;
	flex-direction: column ;
	margin: 0 auto;
	width:1050px;
	margin-top: 50px;
	
}
.regex-wrap{
   display: flex;
   flex-direction: row ;
   align-items: center;
   height: 30px;
}
.regex-wrap span{
	border: 1px solid #c5d8db;
	background-color: #f7f7f7;
	display: inline-block;
	width: 100px;
	height: 100%;
	border-radius: 5px 0 0 5px;
	line-height: 30px;
	padding: 0 0 0 5px;
}
.regex-wrap input{
	border: 1px solid #c5d8db;
	width: 373px;
	height: 100%;
	padding: 0 5px 0 5px;
	outline: none;
	border-left: 0;
}
.regex-wrap select{
	border: 1px solid #c5d8db;
	width: 250px;
	height: 32px;
	padding: 0 5px 0 5px;
	margin: 0 0 0 10px;
	outline: none;
}
.title{
	margin: 10px 0 0 0 ;
}
.textarea-container {
   display: flex;
   flex-direction: row ;
}

.textarea-container .line-number{
	line-height: 20px;
	width: 10px;
	height: 300px;
	display: inline-block;
	word-wrap: break-word;
	font-size: 15px;
	padding: 5px 15px 5px 15px;
	border: 1px solid #c5d8db;
	border-right: none;
	background-color: #f7f7f7;
	color: #999;
}
.textarea-container textarea{
	border: 1px solid #c5d8db;
	outline: none;
	padding: 5px;
	line-height: 20px;
	width: 700px;
	height: 300px;
	resize: none;
	font-size: 13px;
}

.btn-wrap{
	display: flex;
    flex-direction: row ;
    align-items: center;
    margin: 5px 0 0 0;
    width: 700px;
}
.btn-wrap .btn{
	display: inline-block;
	padding:5px 10px 5px 10px;
	background-color:#009688;
	color: #ffffff;
	border-radius: 5px;
	font-size:12px;
	cursor: pointer;
}
.btn-wrap .clear-btn{
	margin: 0 0 0 20px;
}