.fket{
	font-size:16px;
}
/*TAB*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

main a{
  text-decoration: none;
  color: #000;
}
main a:hover{
  color: #B7977B;
}
main {
  background: #FFF;
  width: 100%;
  margin: 50px auto;
  padding: 10px 30px 80px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  text-decoration:none;
}
main p {
  font-size: 13px;
  text-decoration:none;
}

/* Important code */
main input,main section {
  clear: both;
  padding-top: 10px;
  display: none;
  text-decoration:none;
}
main label {
	text-decoration:none;
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  padding: 10px 30px;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #DDD;
}
main label:hover {
  cursor: pointer;
  text-decoration: none;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {
  display: block;
}
main input:checked + label {
  border-top-color: rgb(228,37,64);;
  border-right-color: #DDD;
  border-left-color: #DDD;
  border-bottom-color: transparent;
  text-decoration: none;
}




::-webkit-input-placeholder{
	font-style:italic;
}
:-moz-placeholder{
	font-style:italic;
}
::-moz-placeholder{
	font-style:italic;
}
:-ms-input-placeholder{
	font-style:italic;
}

.tt{
	color:#333;
	font-size:18px;
}
.tt:hover{
	color:#E32857;
}

body{
	background-color::#333;
	font-family:Roboto, sans-serif;
}
.putih{
	color:#fff;
	padding:15px;
}
.form_login,{
	margin-top:100px;
	
}
.tablelogin{
	width:300px;
	height:auto;
	background-color:rgba(30, 40, 50 ,0.8);
	padding: 40px;
	border-radius: 8px;
}

.form_login input,select,textarea{
	border-radius:3px;
	background:#eee;
	 outline: 0;
  	width: 100%;
  	border: 0;
 	 margin: 0 0 5px;
 	 padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
}

.buttonlogin {
	cursor:pointer;
	color:#fff;
	width:100%;
	padding:15px;
	border-radius:3px;
	background:#fe3447;
	border:0;
	font-size:14px;
}
.buttonlogin:hover {
	background:#e31c2f;
}
.formtampil input ,select,textarea{
	border-radius:3px;
	background:#eee;
	 outline: 0;
  	width: 100%;
  	border: 0;
 	 margin: 0 0 5px;
 	 padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.buttontampil {
	cursor:pointer;
	color:#fff;
	width:100%;
	 margin: 0 0 5px;
 	 padding: 10px;
	border-radius:5px;
	background-color:rgb(228,37,64);
	border:0;
	font-size:14px;
}
.buttontampil:hover {
	background:rgb(218,37,64);
}
#btnwarna{
	cursor:pointer;
	color:#fff;
	width:100%;
	padding:15px;
	border-radius:3px;
	border: 1px solid #000;
	font-size:14px;
}
.tetap {
  background-size: cover; /*ukuran background*/
  background-repeat: no-repeat;/*perulangan background = tidak ada perulangan/timpahan*/
  background-position: center;/*posisi background*/
  background-attachment: fixed;/*posisi background tetap tidak bergeser/bergerak*/
}
#bgtetap{
	background-image: url('images/c1.jpg'); /*memuat file gambar dengan css*/
}



/*upload file */
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.buttonradius{
	width:30px;
	height:30px;
	border-radius:15px;
	cursor:pointer;
	color:#fff;
	background:#DA5589;
	border:0;
	font-size:14px;
	margin:10px;
}
.buttonradius:hover {
	background:#DA5575;
}