.btn-open, .btn-edit, .btn-del, .btn-komen {
	width:auto;
	padding:7px 8px 7px 28px;
	height:auto; 
	border-radius:2px;
	color:#222;
	text-align:center;
	text-decoration:none;
	border:1px solid rgba(111,111,111,.4);
	border-radius:2px;
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s
}

.btn-komen-active {
	width:auto;
	padding:7px 8px 7px 28px;
	height:auto; 
	border-radius:2px;
	color:#fff;
	background:url("../img/komen-w.png") left center no-repeat #24b019;
	text-align:center;
	text-decoration:none;
	border:1px solid rgba(111,111,111,.4);
	border-radius:2px;
}

.btn-edit-active {
	width:auto;
	padding:7px 8px 7px 28px;
	height:auto; 
	border-radius:2px;
	color:#fff;
	background:url("../img/edit-w.png") left center no-repeat #24b019;
	text-align:center;
	text-decoration:none;
	border:1px solid rgba(111,111,111,.4);
	border-radius:2px;
}

.btn-open {
	background:url("../img/open.png") left center no-repeat #f2f2f2;
}

.btn-open:hover {
	color:#fff;
	background:url("../img/open-w.png") left center no-repeat #24b019;
}

.btn-edit {
	background:url("../img/edit.png") left center no-repeat #f2f2f2;
}

.btn-edit:hover {
	color:#fff;
	background:url("../img/edit-w.png") left center no-repeat #24b019;
}

.btn-del {
	background:url("../img/del.png") left center no-repeat #f2f2f2;
}

.btn-del:hover {
	color:#fff;
	background:url("../img/del-w.png") left center no-repeat #dc143c;
}

.btn-komen {
	background:url("../img/komen-b.png") left center no-repeat #f2f2f2;
}

.btn-komen:hover {
	color:#fff;
	background:url("../img/komen-w.png") left center no-repeat #24b019;
}

.btn-plus {
	width:auto;
	padding:7px 8px 7px 28px;
	height:auto; 
	border-radius:2px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	border:1px solid rgba(111,111,111,.4);
	border-radius:2px;
	background:url("../img/plus-w.png") left center no-repeat #1080c2;
	display:block;
}

.button100 {
	width:100%;
	padding:7px 0;
	height:auto; 
	border-radius:2px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
}

.button-auto {
	width:auto;
	padding:7px 10px;
	height:auto; 
	border-radius:2px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

.button-s {
	padding:10px 20px;
	height:auto; 
	border:1px solid #fff;
	border-radius:2px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
}

.w100 {
	width:100%;
}

input[type="submit"], input[type="button"]{
	border:1px solid transparent;
}

.button {
	width:100%;
	text-decoration:none;
	padding:7px 0;
	border-radius:2px;
	height:auto;  
	color:#fff;
	text-align:center;
	display:block;
}

.button:hover , .button-auto:hover, .button-s:hover, .button100:hover, .btn-plus:hover {
	opacity:0.8;
}

.btn-red {
	background:#dc143c;
}

.btn-green {
	background:#24b019;
	text-decoration:none;
}

.btn-blue {
	background:#1080c2;
}