h1{
	font-size: 17px;
	padding:5px;
}

.checked {
  color: orange;
}

.content{
	max-width:1200px;
	margin:auto;
	padding:10px;
}

.putih-bayang{
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	background-color: white;
}

.orange-white{
	color: #fffefe!important;
  background-color: #f94e30;
}

footer a{
	color:#bbb;
}


img{
	max-width:100%;
	height:auto;
}

.tombol{
	padding:9px;
	border-radius:5px;
	background-color:orange;
	color:white;
	max-width:120px;
	text-align:center;
	font-weight:500;
	margin-bottom:7px;
}

.tombol-beli4{
	padding:9px;
	border-radius:5px;
	background: linear-gradient(to bottom, #f03d64 0%,#e23d61 100%);
	color:white;
	max-width:120px;
	text-align:center;
	font-weight:500;
	margin-right:7px;
	margin-bottom:7px;
}

.bread{
	color:#777;
}

.bread a{
	color:#777;
}

a:hover{
	text-decoration:none;
}

footer{

	color:white;
	width:100%;
	padding : 5px;
}

p{
	color:#333;
}

.background{
	background-color: #ddd;

.head{
	width:100%;
	background-color:#333!important;
	color:white;
}

.spek{
	width:100%;
	height:35px;
	background-color:#bbb;
}

.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:5px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}



@media only screen and (max-width: 720px) {
	.content{
		padding:0px;
	}
}