@charset "utf-8";

#article form {
	margin:0 auto;
	width:100%;
	padding: 10px 0;
	height: 259px;
	
	font: 15px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#article label {
	display:block;
	margin:0 10px 10px 0;
	float: left;
	position: relative;
	max-width: 285px;
}
#article span {
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	margin:0 0 5px 0;
	color: #666;
	
}
#article input {
	padding: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #CCC;
	background: #fff;
	height: 16px;
	width: 278px;
}
#article textarea {
	width:350px;
	padding:5px;
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	background:#fff;
	height: 70px;
}

.basebtn{
	width: 225px;
	padding-top: 45px;
	position: relative;
	/* [disabled]display: block; */
	float: right;
}

#article .btn {
	display: block;
	width: 70px;
	height: 30px;
	background-color: #990099;
	cursor: pointer;
	font-weight: bold;
	border: solid 1px #990099;
	color: #FFF;
}
#article .btn:hover {
	background-color: #D200D2;
	color: #FFF;
}
#article .alert {
	padding: 5px;
	background-color: #C100C1;
	border: 1px solid #990099;
	margin-bottom: 5px;
	width: 575px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
}