/*----------------------------------------------------- Content Category -----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Deranda*/
.content_beranda {
	width: 95%;
	height: auto;
	background-color: white;
	margin: auto;
}
.content_beranda ul {
	padding: 0 10px;
}
.content_beranda li {
	padding: 30px 0px;
	display: inline-block;
	width: 30%;
}
/*Batas Content Deranda*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Alamat*/
.content_alamat {
	width: 100%;
	height: auto;
	background-color: white;
}
.content_alamat p {
	text-align: left;
	font-weight: bold;
	color: gray;
}
.content_alamat ul {
	padding: 0 10px;
	text-align: left;
}
.content_alamat li {
	width: 100%;
}
/*Batas Content Alamat*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Produk*/
.content_product {
	font-family: arial, sans-serif;
	width: 100%;
	height: auto;
	background-color: white;
}
.content_product li {
	padding: 20px 5px;
	display: inline-block;
	border: solid;
	border-width: 1px;
	border-color: lightgray;
	margin: 3px 0;
}
.stok_produk {
	z-index: 2;
	position: relative;
	height: 20px;
	top: 5px;
	left: 5px;
	text-align: left;
	background-color: white;
	width: auto;
	color: black;
}
.pesan {
	display: block;
	margin: 20px 20px 0 20px;
	text-decoration: none;
	padding: 5px;
	color: black;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-radius: 5%;
	background-color: lightblue;
}
.pesan:hover {
	color: white;
	background-color: pink;
}
.produk_chat a {
	color: black;
	font-weight: bold;
	font-size: 17px;
}
/*Batas Content Produk*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Kontak*/
.content_kontak {
	width: 95%;
	height: auto;
	background-color: white;
}
.content_kontak p {
	text-align: left;
	font-weight: bold;
	color: gray;
}
.content_kontak ul {
	padding: 0 10px;
	text-align: left;
}
.content_kontak li {
	width: 100%;
}
/*Batas Content Kontak*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Tanya*/
.content_tanya {
	width: 95%;
	height: auto;
	background-color: white;
}
.content_tanya p {
	text-align: left;
	font-weight: bold;
	color: gray;
}
.content_tanya ul {
	padding: 0 10px;
	text-align: left;
}
.content_tanya li {
	width: 100%;
}
.content_tanya li p {
	font-weight: bold;
	color: black;
}
/*Batas Content Tanya*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Tentang*/
.content_tentang {
	width: 95%;
	height: auto;
	background-color: white;
	margin: auto;
}
.content_tentang ul {
	padding: 0 10px;
}
.content_tentang li {
	padding: 30px 0px;
	display: inline-block;
	width: 30%;
}
/*Batas Content Tentang*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Testimoni*/
.content_testimoni {
	width: 95%;
	height: auto;
	background-color: white;
	margin: auto;
}
.content_testimoni ul {
	padding: 0 10px;
}
.content_testimoni li {
	padding: 30px 0px;
	display: inline-block;
	width: 30%;
}
/*Batas Content Testimoni*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Katalog*/
.content_katalog {
	width: 95%;
	height: auto;
	background-color: white;
	margin: auto;
}
.content_katalog ul {
	padding: 0 10px;
}
.content_katalog li {
	padding: 30px 0px;
	display: inline-block;
	width: 100%;
}
/*Batas Content Katalog*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Open Reseler*/
.content_open_reseler {
	width: 95%;
	height: auto;
	background-color: white;
	margin: auto;
}
.content_open_reseler ul {
	padding: 0 10px;
}
.content_open_reseler li {
	padding: 30px 0px;
	display: inline-block;
	width: 30%;
}
/*Batas Content Open Reseler*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Akun*/
.content_akun {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
.content_akun a {
	color: black;
	font-weight: bold;
	border-style: solid;
	border-width: 0.5px;
	padding: 5px;
	border-radius: 5%;
	background-color: rgb(239, 239, 239);
	font-size: 17px;
}
.content_akun div {
	width: 200px;
	height: auto;
	background-color: white;
	text-align: left;
}
	/*clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);*/
/*Batas Content Akun*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Daftar*/
.content_daftar {
	width: 95%;
	height: auto;
	background-color: white;
}
.content_daftar p {
	text-align: left;
	font-weight: bold;
	color: gray;
}
/*Batas Content Daftar*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Login*/
.content_login {
	width: 95%;
	height: auto;
	background-color: white;
}
.content_login p {
	text-align: left;
	font-style: italic;
	color: red;
	margin: 10px 0px;
}
.content_login ul {
	padding: 0 10px;
	text-align: left;
}
.content_login li {
	width: 100%;
}
/*Batas Content Login*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Lupa*/
.content_lupa {
	width: 95%;
	height: auto;
	background-color: white;
}
.content_lupa p {
	text-align: left;
	font-style: italic;
	color: red;
	margin: 10px 0px;
}
/*Batas Content Lupa*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Pesanan*/
.content_pesanan {
	width: 95%;
	height: auto;
	background-color: white;
	font-size: 15px;
	text-align: center;
}
.content_pesanan img {
	width: 400px;
}
/*Batas Content Pesanan*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Ubah Data*/
.content_ubah_data {
	width: 95%;
	height: auto;
	background-color: white;
}
/*Batas Content Kontak*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Keranjang*/
.content_keranjang {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
.content_keranjang a {
	color: black;
	text-decoration: underline;
	color: blue;
}
.form_container {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: none;
	z-index: 99;
	text-align: center;
	vertical-align: text-top;
}
.form-popup {
	padding: 10px 10px;
	border: 2px solid lightgray;
	border-radius: 5%;
	z-index: 100;
	background-color: whitesmoke;
	opacity: 100%;
}
/*Batas Content Keranjang*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Ubah Password*/
.content_ubah_password {
	width: 95%;
	height: auto;
	background-color: white;
}
.content_ubah_password p {
	text-align: left;
	font-style: italic;
	color: red;
	margin: 10px 0px;
}
.content_ubah_password ul {
	padding: 0 10px;
	text-align: left;
}
.content_ubah_password li {
	width: 100%;
}
/*Batas Content Ubah Password*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Konfirmasi*/
.content_konfirmasi {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
.content_konfirmasi p {
	color: red;
}
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Checkout*/
.content_checkout {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
.data_checkout {
	width: 100%;
}
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Bayar*/
.content_bayar {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
.content_bayar p {
	margin: 0;
}
.transfer_detail li {
	list-style-type: decimal;
	display: list-item;
}
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Riwayat*/
.content_riwayat {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
/*Batas Content Riwayat*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Content Upgrade*/
.content_upgrade {
	width: 95%;
	height: auto;
	background-color: white;
	text-align: left;
	padding: 20px 10px;
}
.content_upgrade li {
	list-style-type: decimal;
	display: list-item;
}
/*Batas Content Upgrade*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------- Detail Category -------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Detail Produk*/
.detail_product {
	width: 100%;
	height: auto;
	background-color: white;
}
.foto_product {
	height: auto;
	background-color: white;
}
.desc_product {
	height: auto;
	padding: 20px 20px;
	background-color: white;
	text-align: left;
}
.detail_product li {
	display: inline-block;
	height: auto;
	background-color: white;
}
.desc_product p {
	text-align: left;
	font-style: italic;
	color: red;
	margin: 10px 0px;
}
/*Batas Detail Produk*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------- Form Category --------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Form Pesanan*/
.form_pesanan {
	background-color: white;
	width: 100%;
	height: auto;
	text-align: left;
}
.form_pesanan label {
	display: block;
}
/*Batas Form Pesanan*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Form Daftar*/
.form_daftar {
	background-color: white;
	width: 100%;
	height: auto;
	text-align: left;
}
.form_daftar label {
	display: block;
}
/*Batas Form Daftar*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Form Login*/
.form_login {
	padding-top: 30px;
	background-color: white;
	width: 100%;
	height: auto;
	text-align: left;
}
/*Batas Form Login*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Form Ubah Password*/
.form_ubah_password {
	padding-top: 30px;
	background-color: white;
	width: 100%;
	height: auto;
	text-align: left;
}
/*Batas Form Ubah Password*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Form Password*/
.form_password {
	padding-top: 30px;
	background-color: white;
	height: auto;
	text-align: left;
}
/*Batas Form Password*/
/*----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*Batas Form Ubah Data*/
.form_ubah_data {
	background-color: white;
	width: 100%;
	height: auto;
	text-align: left;
}
.form_ubah_data label {
	display: block;
}
/*Batas Form Ubah Data*/
/*----------------------------------------------------------------------------------------------------------------------*/