@charset "utf-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
}

.bg{
	background-color:#000;
	opacity:0.8;
	position:fixed;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
}

.box-search-left,
.box-search-center,
.box-search-right{
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}
.box-search-left{
	text-align: left;
	width: 25%;
	float: left;
}
.box-search-center{
	text-align: left;
	width: 50%;
}
.box-search-right{
	text-align: right;
	width: 25%;
	float: right;
}

.frame-search-jns{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
	.btn-jenis{
		border: none;
		background-color: #000;
		color:#fff;
		border-radius: 5px;
		padding: 10px 35px;
		cursor: pointer;
		outline: none;
		font-size: 16px !important;
	}
	.box-search-jns{
		position: absolute;
		display: none;
		width: 100%;
		top: 40px;
		left: 0px;
		z-index: 99;
		background-color: #fff;
		text-align: left;
		border: solid 1px #000;
		border-radius: 5px;
		padding: 10px;
	}
	
	.box-frame-search-jenis{
		border: solid 1px #000;
		border-radius: 5px;
		padding: 2px;
	}
		.box-frame-search-jenis select{
			background-color: #000;
			color:#fff;
			border: none;
			padding: 5px;
		}
		.box-frame-search-jenis input{
			border: none;
			padding: 7px 5px;
		}
		.box-frame-search-jenis button{
			background-color: #000;
			color: #fff;
			border: none;
			padding: 7px 5px;
			border-radius: 5px;
			cursor: pointer;
			position: absolute;
			bottom: 2px;
			right: 2px;
		}

/*Smartphone*/
@media only screen
and (max-width: 600px) {
	.text-input{
		border:solid 1px #CCC;
		padding:5px;
		font-size:14px;
		margin-bottom:2%;
		font-family:Arial;
	}

	.button-blue{
		background-color:#000;
		font-size:16px;
		font-weight:bold;
		border:none;
		padding:3.5% 7%;
		color:#fff;
		cursor:pointer;
	}
	
	.button-gray{
		background-color:#999;
		font-size:15px;
		font-weight:bold;
		border:none;
		padding:3% 5%;
		color:#000;
		cursor:pointer;
	}
	
	.link-detail{
		cursor:pointer;
		color:#9f7b0a;
	}
	.link-detail:hover{
		cursor:pointer;
		color:#9f7b0a;
		text-decoration:underline;
	}
	
	.link-profile{
		cursor:pointer;
	}
	.link-profile:hover{
		cursor:pointer;
		text-decoration:underline;
	}

	#header{
		width:100%;
		position:relative;
		display:inline-block;
		z-index:5;
		background-color:#000;
	}
	.h-top{
		position:relative;
		width:100%;
		display:inline-block;
	}
	.header-logo{
		width:20%;
		cursor:pointer;
		padding:0px;
		padding-left:50px;
	}
	#sosmed{
		position:relative;
		display:inline-block;
		right:2%;
		margin-top:1%;
		color:#6aa2e1;
		width:100%;
		text-align:right;
	}
	.follow{
		 font-size:14px;
		 position:relative;
		 margin-right:1%;
	}
	.search{
		position:relative;
		display:inline-block;
		margin:0% 2%;
		width:96%;
		margin-bottom:2%;
	}
	.search-txt{
		position:absolute;
		background:none;
		border:none;
		padding:1%;
		top:20%;
		left:3%;
		width:64%;
		font-family:Arial;
		font-size:13px;
	}
	
	.h-menu{
		display:none;
	}
	.p-menu{
		display:none;
	}
	
	.s-menu img#mm-menu{
		position:fixed;
		top:1%;
		left:2%;
		z-index:5;
		width:12%;
	}
	.s-menu .bb-menu{
		width:60%;
		background-color:#9f7b0a;
		opacity:0.9;
		position:absolute;
		display:inline-block;
		top:1%;
		z-index:5;
		left:0%;
		color:#fff;
		left:-60%;
	}
	.m-menu{
		padding:5% 2%;
		border-bottom:solid 1px #fff;
		display:block;
	}
	.c-menu{
		margin-top:5%;
		padding:5% 0% 0% 2%;
		border-top:solid 1px #fff;
		display:block;
	}
	.box-menu{
		padding:1%;
		background-color:#000;
		color:#fff;
		position:relative;
		display:inline-block;
		width:98%;
		text-align:right;
	}
	.banner-2{
		height:4.5vw;
		margin:1%;
		cursor:pointer;
		width:auto;
	}
	
	#signup{
		position:relative;
		top:0%;
		margin-right:2%;
		cursor:pointer;
	}
	#signin{
		position:relative;
		top:0%;
		right:2%;
		cursor:pointer;
	}
	#signout{
		position:relative;
		top:0%;
		right:2%;
		cursor:pointer;
	}
	#member-profile{
		position:absolute;
		top:20%;
		left:2%;
	}
	
	#login-form{
		position:fixed;
		display:inline-block;
		width:72%;
		background-color:#FFF;
		z-index:9999;
		padding:5% 7%;
		font-size:14px;
		top:25%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}
	input[name=si_email],
	input[name=si_pass]{
		width:95%;
	}
	.judul-login{
		font-size:20px;
		text-align:center;
		color:#097bd7;
		font-weight:bold;
		padding-bottom:5%;
		border-bottom:solid 1px #000;
	}
	.lock{
		width:12%;
		position:absolute;
		top:5%;
		left:18%;
	}
	#err_login{
		font-size:14px;
		margin-bottom:2%;
	}
	
	#body{
		position:relative;
		display:inline-block;
		margin-top:2%;
		width:100%;
	}
	.flex-control-nav{
		bottom:-15%;
	}
	.jdl-hm{
		border-bottom:solid 1px #666;
		width:75%;
		padding:1% 0%;
		position:relative;
		display:inline-block;
		padding-right:25%;
		font-size:16px;
	}
	.img-hm{
		width:25%;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	.home-link{
		padding:0% 2%;
		width:96%;
		margin-top:5%;
		position:relative;
		display:inline-block;
		text-align:center;
	}
	
	.box-judul{
		padding:0% 2%;
		width:96%;
		margin-top:2%;
		font-size:14px;
		position:relative;
		display:inline-block;
	}
	
	.box-body{
		 padding:0% 2%;
		 width:96%;
		 margin-top:1%;
		 position:relative;
		 display:inline-block;
		 text-align:center;
	}
	
	/*Left Content*/
	.left-content{
		width:100%;
		position:relative;
		display:inline-block;
		float:left;
		margin-bottom:5%;
	}
	.judul-left{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:3% 5%;
	}
	.isi-left{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	/*Right Content*/
	.right-content{
		width:100%;
		position:relative;
		display:inline-block;
	}
	.judul-right{
		background-color:#000;
		color:#fff;
		padding:3% 2%;
		font-size:15px;
		font-weight:bold;
	}
	.isi-right{
		font-size:14px;
		padding:5% 1%;
		margin-bottom:5%;
	}
	
	/*Full Content*/
	.full-content{
		width:100%;
		position:relative;
		display:inline-block;
		float:left;
	}
	.judul-full{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:3% 5%;
		margin-bottom:2%;
	}
	
	/*Content-contact*/
	input[name=ct_nama],
	input[name=ct_email],
	input[name=ct_phone],
	textarea[name=ct_pesan] {
		width:95.5%;
	}
	textarea[name=ct_pesan] {
		height:150px;
	}
	input[name=ct_captcha]{
		width:30%;
		margin-left:7%;
	}
	
	/*Content-membership*/
	input[name=re_nama],
	input[name=re_nick],
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	input[name=re_kerja],
	input[name=re_email],
	input[name=re_telp],
	input[name=re_telp_kantor],
	input[name=re_hp],
	input[name=re_ktp],
	input[name=re_music],
	input[name=re_peralatan],
	input[name=re_foto],
	textarea[name=re_alasan],
	input[name=fo_email],
	input[name=fe_nama],
	input[name=ac_email],
	input[name=lo_email],
	input[name=lo_pass] {
		width:95.5%;
	}
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	textarea[name=re_alasan] {
		height:100px;
	}
	
	input[name=ch_pass],
	input[name=ch_new_pass],
	input[name=ch_conf_pass]{
		width:95.5%;
	}
	
	.foto{
		width:60%;
	}
	
	/*Content Konfirmasi*/
	select[name=co_jenis],
	input[name=co_nomor],
	select[name=co_metode],
	input[name=co_nilai],
	input[name=co_nm_rek],
	input[name=co_no_rek],
	input[name=co_foto] {
		width:95.5%;
	}
	
	/*Content-gallery*/
	#load-gallery{
		font-size:14px;
		margin-top:1.5%;
		width:100%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	.box-gallery{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content-audiophiles*/
	#load-item{
		width:100%;
		position:relative;
		display:inline-block;
		text-align:center;
		float:left;
		margin-bottom:3%;
	}
	.box-item{
		width:97%;
		border:solid 1px #CCC;
		height:500px;
		position:relative;
		display:inline-block;
		padding:1%;
		margin-bottom:5%;
	}
	.gambar-item{
		border:solid 1px #CCC;
		width:80%;
		height:250px;
		margin:5% 10%;
		position:relative;
		display:inline-block;
		overflow:hidden;
		box-shadow:3px 3px 2px 1px #ccc;
	}
	.judul-item{
		font-size:16px;
		color:#9f7b0a;
		font-weight:bold;
		height:70px;
	}
	input[name=au_nama],
	input[name=au_email],
	input[name=au_negara],
	input[name=au_telp] {
		width:95.5%;
	}
	
	/*Content Lates*/
	.lates-img{
		width:100%;
		margin-bottom:1%;
	}
	.box-member{
		padding-left:10%;
		position:relative;
		display:inline-block;
		margin-bottom:4%;
	}
	
	/*Content Forum*/
	.box-forum{
		border:solid 1px #ccc;
		font-size:14px;
		padding:1%;
		width:97.8%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	#m-forum{
		display:block;
	}
	#w-forum{
		display:none;
	}
	#add_topik{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	.h_forum{
		background-color:#000;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}
	.judul-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
		color:#9f7b0a;
		font-size:18px;
		font-weight:bold;
		position:relative;
	}
	.start-topik{
		position:absolute;
		right:0px;
		top:5%;
		cursor:pointer;
	}
	.isi-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-sub-forum{
		border-top:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-forum{
		color:#000;
		cursor:pointer;
	}
	.link-forum:hover{
		cursor:pointer;
		text-decoration:underline;
		color:#9f7b0a;
	}
	
	.img-forum{
		position:absolute;
		border:solid 2px #ccc;
		width:80%;
		z-index:999;
		left:20%;
		top:25px;
		display:none;
	}
	.link-buysell{
		color:#9f7b0a;
		cursor:pointer;
	}
	.link-buysell:hover{
		color:#9f7b0a;
		cursor:pointer;
		text-decoration:underline;
	}
	.link-buysell:hover .img-forum{
		display:block;
	}
	
	textarea[name=fr_judul]{
		width:95.5%;
		height:35px;
	}
	input[name=fr_foto]{
		width:95.5%;
	}
	
	input[name=rv_judul], select[name=rv_tipe], input[name=rv_brand], input[name=rv_link], select[name=v_tipe]{
		width:95.5%;
	}
	
	.box-review{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	textarea[name=review-lates], textarea[name=review-gallery], textarea[name=review-topik]{
		width:95.5%;
		height:70px;
	}
	
	.box-chat{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	.read{
		 width:100%;
		 margin-bottom:1%;
	}
	.share{
		 width:100%;
	}
	
	#loading{
		width:100%;
		text-align:center;
		display:none;
	}
	
	.err{
		position:fixed;
		width:70%;
		border:solid 1px #F00;
		color:#f00;
		padding:3% 5%;
		background:#FCC url(../images/exclamation.png) no-repeat;
		background-size:5%;
		padding-left:8%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.ok{
		position:fixed;
		width:70%;
		border:solid 1px #063;
		color:#063;
		padding:3% 5%;
		margin-bottom:1%;
		background:#66CC66 url(../images/accept.png) no-repeat;
		background-size:5%;
		padding-left:8%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#progress{
		position:absolute;
		z-index:9999;
		width:72%;
		padding:5%;
		background-color:#fff;
		top:3%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
		display:none;
	}
	#progress img.complete{
		width:10%;
		position:absolute;
		left:5%;
		top:20%;
	}
	
	.beta{
		position:relative;
		top:0%;
		padding-left:15%;
		width:85%;
	}
	
	/*Reviews*/
	#add_reviews{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.box-search-left{
		text-align: left;
	}
	.box-search-center{
		text-align: left;
	}
	.box-search-right{
		text-align: right;
	}
}

/*Tablet / iPad / Laptop*/
@media only screen
and (min-width: 601px)
and (orientation:landscape) {
	.text-input{
		border:solid 1px #CCC;
		padding:5px;
		font-size:14px;
		margin-bottom:1%;
		font-family:Arial;
	}

	.button-blue{
		background-color:#000;
		font-size:14px;
		font-weight:bold;
		border:none;
		padding:1.2% 3%;
		color:#fff;
		cursor:pointer;
	}
	
	.button-gray{
		background-color:#999;
		font-size:13px;
		font-weight:bold;
		border:none;
		padding:1% 2%;
		color:#000;
		cursor:pointer;
	}
	
	.link-detail{
		cursor:pointer;
		color:#9f7b0a;
	}
	.link-detail:hover{
		cursor:pointer;
		color:#9f7b0a;
		text-decoration:underline;
	}
	
	.link-profile{
		cursor:pointer;
	}
	.link-profile:hover{
		cursor:pointer;
		text-decoration:underline;
	}

	#header{
		width:100%;
		position:fixed;
		display:inline-block;
		z-index:5;
		background-color:#000;
	}
	.h-top{
		position:relative;
		width:100%;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.header-logo{
		width:6.6%;
		cursor:pointer;
	}
	#sosmed{
		position:absolute;
		display:inline-block;
		right:2%;
		top:10%;
		color:#6aa2e1;
		width:18%;
		text-align:right;
	}
	.follow{
		 font-size:14px;
		 position:absolute;
		 left:0px;
		 top:7px;
	}
	.search{
		position:absolute;
		display:inline-block;
		width:41%;
		right:2%;
		top:45%;
	}
	.search-txt{
		position:absolute;
		background:none;
		border:none;
		padding:1%;
		top:20%;
		left:3%;
		width:64%;
		font-family:Arial;
		font-size:13px;
	}
	
	.h-menu{
		width:98%;
		position:relative;
		display:inline-block;
		background-color:#9f7b0a;
		color:#fff;
		padding:0.2% 0.5%;
	}
	.m-blank{
		margin-left:0%;
	}
	.m-menu{
		background-color:#9f7b0a;
		font-size:11px;
		padding:0.7%;
		border-right:solid 1px #9f7b0a;
		cursor:pointer;
		position:relative;
		display:inline-block;
	}
	.m-menu:hover{
		color:#000;
		cursor:pointer;
	}
	.m-menu:hover .p-menu{
		display:block;
		color:#fff;
	}
	.p-menu{
		position:absolute;
		background-color:#0F0;
		top:100%;
		left:0px;
		display:none;
	}
	.c-menu{
		width:100%;
		background-color:#9f7b0a;
		font-size:11px;
		padding:10px 10px;
		cursor:pointer;
		border-top:solid 1px #FFF;
		display:block;
	}
	.c-menu:hover{
		color:#000;
		cursor:pointer;
	}
	.box-menu{
		display:none;
	}
	.banner-2{
		height:10%;
		margin:1%;
		cursor:pointer;
		width:auto;
	}
	
	.s-menu{
		display:none;
	}
	
	#signup{
		position:absolute;
		top:22%;
		right:9.5%;
		cursor:pointer;
		height:60%;
	}
	#signin{
		position:absolute;
		top:22%;
		right:2%;
		cursor:pointer;
		height:60%;
	}
	#signout{
		position:absolute;
		top:22%;
		right:2%;
		cursor:pointer;
		height:60%;
	}
	#member-profile{
		position:absolute;
		top:-80%;
		right:1%;
		font-size:14px;
		color:#000;
	}
	
	#login-form{
		position:fixed;
		display:inline-block;
		width:30%;
		background-color:#FFF;
		z-index:9999;
		padding:5% 3%;
		font-size:14px;
		top:25%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}
	input[name=si_email],
	input[name=si_pass]{
		width:97%;
	}
	.judul-login{
		font-size:20px;
		text-align:center;
		color:#097bd7;
		font-weight:bold;
		padding-bottom:5%;
		border-bottom:solid 1px #000;
	}
	.lock{
		width:6.6%;
		position:absolute;
		top:20%;
		left:20%;
	}
	#err_login{
		font-size:14px;
		margin-bottom:2%;
	}
	
	#body{
		position:relative;
		display:inline-block;
		margin-top:9.3%;
		width:100%;
	}
	.flex-control-nav{
		bottom:-5%;
	}
	.jdl-hm{
		border-bottom:solid 1px #666;
		width:85%;
		padding:1% 0%;
		position:relative;
		display:inline-block;
		padding-right:15%;
		font-size:20px;
	}
	.img-hm{
		width:12%;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	.home-link{
		padding:0% 2%;
		width:96%;
		margin-top:2%;
		position:relative;
		display:inline-block;
		text-align:center;
	}
	
	.box-judul{
		padding:0% 2%;
		width:96%;
		margin-top:2%;
		font-size:14px;
		position:relative;
		display:inline-block;
	}
	
	.box-body{
		 padding:0% 2%;
		 width:96%;
		 margin-top:1%;
		 position:relative;
		 display:inline-block;
		 text-align:center;
	}
	
	/*Left Content*/
	.left-content{
		width:66%;
		position:relative;
		display:inline-block;
		float:left;
		margin-right:1.5%;
	}
	.judul-left{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:1.35% 2%;
	}
	.isi-left{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	/*Right Content*/
	.right-content{
		width:31%;
		position:relative;
		display:inline-block;
	}
	.judul-right{
		background-color:#000;
		color:#fff;
		padding:3% 2%;
		font-size:15px;
		font-weight:bold;
	}
	.isi-right{
		font-size:14px;
		padding:5% 1%;
		margin-bottom:5%;
	}
	
	/*Full Content*/
	.full-content{
		width:99%;
		position:relative;
		display:inline-block;
		float:left;
		margin-right:1.5%;
	}
	.judul-full{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:0.8% 2%;
		margin-bottom:2%;
	}
	
	/*Content-contact*/
	input[name=ct_nama],
	input[name=ct_email],
	input[name=ct_phone],
	textarea[name=ct_pesan] {
		width:80%;
	}
	textarea[name=ct_pesan] {
		height:150px;
	}
	input[name=ct_captcha]{
		width:15%;
		margin-left:3%;
	}
	
	/*Content-membership*/
	input[name=re_nama],
	input[name=re_nick],
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	input[name=re_kerja],
	input[name=re_email],
	input[name=re_telp],
	input[name=re_telp_kantor],
	input[name=re_hp],
	input[name=re_ktp],
	input[name=re_music],
	input[name=re_peralatan],
	input[name=re_foto],
	textarea[name=re_alasan],
	input[name=fo_email],
	input[name=fe_nama],
	input[name=ac_email],
	input[name=lo_email],
	input[name=lo_pass] {
		width:80%;
	}
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	textarea[name=re_alasan] {
		height:100px;
	}
	
	input[name=ch_pass],
	input[name=ch_new_pass],
	input[name=ch_conf_pass]{
		width:20%;
	}
	
	.foto{
		width:30%;
	}
	
	/*Content Konfirmasi*/
	select[name=co_jenis],
	input[name=co_nomor],
	select[name=co_metode],
	input[name=co_nilai],
	input[name=co_nm_rek],
	input[name=co_no_rek],
	input[name=co_foto] {
		width:80%;
	}
	
	/*Content-gallery*/
	#load-gallery{
		font-size:14px;
		margin-top:1.5%;
		width:100%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	.box-gallery{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content-audiophiles*/
	#load-item{
		width:100%;
		position:relative;
		display:inline-block;
		text-align:center;
		float:left;
		margin-bottom:3%;
	}
	.box-item{
		width:21%;
		border:solid 1px #CCC;
		height:420px;
		position:relative;
		display:inline-block;
		padding:1%;
		margin:0.7%;
	}
	.gambar-item{
		border:solid 1px #CCC;
		width:80%;
		height:165px;
		margin:5% 10%;
		position:relative;
		display:inline-block;
		overflow:hidden;
		box-shadow:3px 3px 2px 1px #ccc;
	}
	.judul-item{
		font-size:16px;
		color:#9f7b0a;
		font-weight:bold;
		height:70px;
	}
	input[name=au_nama],
	input[name=au_email],
	input[name=au_negara],
	input[name=au_telp] {
		width:80%;
	}
	
	/*Content Lates*/
	.lates-img{
		width:35%;
		float:left;
		margin-right:1%;
	}
	.box-member{
		padding-left:5%;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content Forum*/
	.box-forum{
		border:solid 1px #ccc;
		font-size:14px;
		padding:1%;
		width:97.8%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	#m-forum{
		display:none;
	}
	#w-forum{
		display:block;
	}
	#add_topik{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.h_forum{
		background-color:#000;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}
	.judul-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
		color:#9f7b0a;
		font-size:18px;
		font-weight:bold;
		position:relative;
	}
	.start-topik{
		position:absolute;
		right:0px;
		top:5%;
		cursor:pointer;
	}
	.isi-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-sub-forum{
		border-top:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-forum{
		color:#000;
		cursor:pointer;
	}
	.link-forum:hover{
		cursor:pointer;
		text-decoration:underline;
		color:#9f7b0a;
	}
	
	.img-forum{
		position:absolute;
		border:solid 2px #ccc;
		width:80%;
		z-index:999;
		left:20%;
		top:25px;
		display:none;
	}
	.link-buysell{
		color:#9f7b0a;
		cursor:pointer;
	}
	.link-buysell:hover{
		color:#9f7b0a;
		cursor:pointer;
		text-decoration:underline;
	}
	.link-buysell:hover .img-forum{
		display:block;
	}
	
	textarea[name=fr_judul]{
		width:60%;
		height:35px;
	}
	input[name=fr_foto]{
		width:60%;
	}
	
	input[name=rv_judul], select[name=rv_tipe], input[name=rv_brand], input[name=rv_link], select[name=v_tipe]{
		width:60%;
	}
	
	.box-review{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	textarea[name=review-lates], textarea[name=review-gallery], textarea[name=review-topik]{
		width:98%;
		height:70px;
	}
	
	.box-chat{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	.read{
		 float:left;
		 width:50%;
	}
	.share{
		float:right;
		width:50%;
		text-align:right;
	}
	
	#loading{
		width:100%;
		text-align:center;
		display:none;
	}
	
	.err{
		position:fixed;
		width:30%;
		border:solid 1px #F00;
		color:#f00;
		padding:0.7%;
		background:#FCC url(../images/exclamation.png) no-repeat;
		background-size:3.5%;
		padding-left:2.5%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.ok{
		position:fixed;
		width:30%;
		border:solid 1px #063;
		color:#063;
		padding:0.7%;
		margin-bottom:1%;
		background:#66CC66 url(../images/accept.png) no-repeat;
		background-size:3.5%;
		padding-left:2.5%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#progress{
		position:absolute;
		z-index:9999;
		width:25%;
		padding:3%;
		padding-left:5%;
		background-color:#fff;
		top:20%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
		display:none;
	}
	#progress img.complete{
		width:10%;
		position:absolute;
		left:5%;
		top:27%;
	}
	
	.beta{
		position:absolute;
		width:150%;
		top:-40%;
		right:100%;
	}
	
	/*Reviews*/
	#add_reviews{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.box-search-left{
		width: 28%;
	}
	.box-search-center{
		width: 52%;
	}
	.box-search-right{
		width: 20%;
	}
	
	.box-frame-search-jenis select{
		width: 35%;
	}
	.box-frame-search-jenis input{
		width: 52%;
		margin-top: 0px;
	}
	.box-frame-search-jenis button{
		width: 10%;
		margin-top: 0px;
		height: 32px;
	}
}

/*Tablet / iPad / Laptop*/
@media only screen
and (min-width: 601px)
and (orientation:portrait) {
	.text-input{
		border:solid 1px #CCC;
		padding:5px;
		font-size:14px;
		margin-bottom:1%;
		font-family:Arial;
	}

	.button-blue{
		background-color:#000;
		font-size:14px;
		font-weight:bold;
		border:none;
		padding:1.2% 3%;
		color:#fff;
		cursor:pointer;
	}
	
	.button-gray{
		background-color:#999;
		font-size:13px;
		font-weight:bold;
		border:none;
		padding:1% 2%;
		color:#000;
		cursor:pointer;
	}
	
	.link-detail{
		cursor:pointer;
		color:#9f7b0a;
	}
	.link-detail:hover{
		cursor:pointer;
		color:#9f7b0a;
		text-decoration:underline;
	}
	
	.link-profile{
		cursor:pointer;
	}
	.link-profile:hover{
		cursor:pointer;
		text-decoration:underline;
	}

	#header{
		width:100%;
		position:fixed;
		display:inline-block;
		z-index:5;
		background-color:#000;
	}
	.h-top{
		position:relative;
		width:100%;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.header-logo{
		width:6.6%;
		cursor:pointer;
	}
	#sosmed{
		position:absolute;
		display:inline-block;
		right:2%;
		top:10%;
		color:#6aa2e1;
		width:6.6%;
		text-align:right;
	}
	.follow{
		 font-size:14px;
		 position:absolute;
		 left:0px;
		 top:7px;
	}
	.search{
		position:absolute;
		display:inline-block;
		width:41%;
		right:2%;
		top:45%;
	}
	.search-txt{
		position:absolute;
		background:none;
		border:none;
		padding:1%;
		top:20%;
		left:3%;
		width:64%;
		font-family:Arial;
		font-size:13px;
	}
	
	.h-menu{
		width:98%;
		position:relative;
		display:inline-block;
		background-color:#9f7b0a;
		color:#fff;
		padding:0.2% 0.5%;
	}
	.m-blank{
		margin-left:0%;
	}
	.m-menu{
		background-color:#9f7b0a;
		font-size:11px;
		padding:0.7%;
		border-right:solid 1px #9f7b0a;
		cursor:pointer;
		position:relative;
		display:inline-block;
	}
	.m-menu:hover{
		color:#000;
		cursor:pointer;
	}
	.m-menu:hover .p-menu{
		display:block;
		color:#fff;
	}
	.p-menu{
		position:absolute;
		background-color:#9f7b0a;
		top:100%;
		left:0px;
		display:none;
	}
	.c-menu{
		width:100%;
		background-color:#009;
		font-size:11px;
		padding:10px 10px;
		cursor:pointer;
		border-top:solid 1px #FFF;
		display:block;
	}
	.c-menu:hover{
		color:#000;
		cursor:pointer;
	}
	.box-menu{
		display:none;
	}
	.banner-2{
		height:10%;
		margin:1%;
		cursor:pointer;
		width:auto;
	}
	
	.s-menu{
		display:none;
	}
	
	#signup{
		position:absolute;
		top:50%;
		right:12.5%;
		cursor:pointer;
		height:40%;
	}
	#signin{
		position:absolute;
		top:50%;
		right:2%;
		cursor:pointer;
		height:40%;
	}
	#signout{
		position:absolute;
		top:50%;
		right:2%;
		cursor:pointer;
		height:40%;
	}
	#member-profile{
		position:absolute;
		top:-40%;
		right:2%;
		font-size:14px;
		color:#000;
	}
	
	#login-form{
		position:fixed;
		display:inline-block;
		width:30%;
		background-color:#FFF;
		z-index:9999;
		padding:5% 3%;
		font-size:14px;
		top:25%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}
	input[name=si_email],
	input[name=si_pass]{
		width:97%;
	}
	.judul-login{
		font-size:20px;
		text-align:center;
		color:#097bd7;
		font-weight:bold;
		padding-bottom:5%;
		border-bottom:solid 1px #000;
	}
	.lock{
		width:6.6%;
		position:absolute;
		top:20%;
		left:20%;
	}
	#err_login{
		font-size:14px;
		margin-bottom:2%;
	}
	
	#body{
		position:relative;
		display:inline-block;
		margin-top:9.3%;
		width:100%;
	}
	.flex-control-nav{
		bottom:-7%;
	}
	.jdl-hm{
		border-bottom:solid 1px #666;
		width:85%;
		padding:1% 0%;
		position:relative;
		display:inline-block;
		padding-right:15%;
		font-size:20px;
	}
	.img-hm{
		width:12%;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	.home-link{
		padding:0% 2%;
		width:96%;
		margin-top:2%;
		position:relative;
		display:inline-block;
		text-align:center;
	}
	
	.box-judul{
		padding:0% 2%;
		width:96%;
		margin-top:2%;
		font-size:14px;
		position:relative;
		display:inline-block;
	}
	
	.box-body{
		 padding:0% 2%;
		 width:96%;
		 margin-top:1%;
		 position:relative;
		 display:inline-block;
		 text-align:center;
	}
	
	/*Left Content*/
	.left-content{
		width:66%;
		position:relative;
		display:inline-block;
		float:left;
		margin-right:1.5%;
	}
	.judul-left{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:1.35% 2%;
	}
	.isi-left{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	/*Right Content*/
	.right-content{
		width:31%;
		position:relative;
		display:inline-block;
	}
	.judul-right{
		background-color:#000;
		color:#fff;
		padding:3% 2%;
		font-size:15px;
		font-weight:bold;
	}
	.isi-right{
		font-size:14px;
		padding:5% 1%;
		margin-bottom:5%;
	}
	
	/*Full Content*/
	.full-content{
		width:99%;
		position:relative;
		display:inline-block;
		float:left;
		margin-right:1.5%;
	}
	.judul-full{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:0.8% 2%;
		margin-bottom:2%;
	}
	
	/*Content-contact*/
	input[name=ct_nama],
	input[name=ct_email],
	input[name=ct_phone],
	textarea[name=ct_pesan] {
		width:80%;
	}
	textarea[name=ct_pesan] {
		height:150px;
	}
	input[name=ct_captcha]{
		width:15%;
		margin-left:3%;
	}
	
	/*Content-membership*/
	input[name=re_nama],
	input[name=re_nick],
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	input[name=re_kerja],
	input[name=re_email],
	input[name=re_telp],
	input[name=re_telp_kantor],
	input[name=re_hp],
	input[name=re_ktp],
	input[name=re_music],
	input[name=re_peralatan],
	input[name=re_foto],
	textarea[name=re_alasan],
	input[name=fo_email],
	input[name=fe_nama],
	input[name=ac_email],
	input[name=lo_email],
	input[name=lo_pass] {
		width:80%;
	}
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	textarea[name=re_alasan] {
		height:100px;
	}
	
	input[name=ch_pass],
	input[name=ch_new_pass],
	input[name=ch_conf_pass]{
		width:20%;
	}
	
	.foto{
		width:30%;
	}
	
	/*Content Konfirmasi*/
	select[name=co_jenis],
	input[name=co_nomor],
	select[name=co_metode],
	input[name=co_nilai],
	input[name=co_nm_rek],
	input[name=co_no_rek],
	input[name=co_foto] {
		width:80%;
	}
	
	/*Content-gallery*/
	#load-gallery{
		font-size:14px;
		margin-top:1.5%;
		width:100%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	.box-gallery{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content-audiophiles*/
	#load-item{
		width:100%;
		position:relative;
		display:inline-block;
		text-align:center;
		float:left;
		margin-bottom:3%;
	}
	.box-item{
		width:21%;
		border:solid 1px #CCC;
		height:420px;
		position:relative;
		display:inline-block;
		padding:1%;
		margin:0.7%;
	}
	.gambar-item{
		border:solid 1px #CCC;
		width:80%;
		height:165px;
		margin:5% 10%;
		position:relative;
		display:inline-block;
		overflow:hidden;
		box-shadow:3px 3px 2px 1px #ccc;
	}
	.judul-item{
		font-size:16px;
		color:#9f7b0a;
		font-weight:bold;
		height:70px;
	}
	input[name=au_nama],
	input[name=au_email],
	input[name=au_negara],
	input[name=au_telp] {
		width:80%;
	}
	
	/*Content Lates*/
	.lates-img{
		width:35%;
		float:left;
		margin-right:1%;
	}
	.box-member{
		padding-left:5%;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content Forum*/
	.box-forum{
		border:solid 1px #ccc;
		font-size:14px;
		padding:1%;
		width:97.8%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	#m-forum{
		display:none;
	}
	#w-forum{
		display:block;
	}
	#add_topik{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.h_forum{
		background-color:#000;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}
	.judul-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
		color:#9f7b0a;
		font-size:18px;
		font-weight:bold;
		position:relative;
	}
	.start-topik{
		position:absolute;
		right:0px;
		top:5%;
		cursor:pointer;
	}
	.isi-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-sub-forum{
		border-top:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-forum{
		color:#000;
		cursor:pointer;
	}
	.link-forum:hover{
		cursor:pointer;
		text-decoration:underline;
		color:#9f7b0a;
	}
	
	.img-forum{
		position:absolute;
		border:solid 2px #ccc;
		width:80%;
		z-index:999;
		left:20%;
		top:25px;
		display:none;
	}
	.link-buysell{
		color:#9f7b0a;
		cursor:pointer;
	}
	.link-buysell:hover{
		color:#9f7b0a;
		cursor:pointer;
		text-decoration:underline;
	}
	.link-buysell:hover .img-forum{
		display:block;
	}
	
	textarea[name=fr_judul]{
		width:60%;
		height:35px;
	}
	input[name=fr_foto]{
		width:60%;
	}
	
	input[name=rv_judul], select[name=rv_tipe], input[name=rv_brand], input[name=rv_link], select[name=v_tipe]{
		width:60%;
	}
	
	.box-review{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	textarea[name=review-lates], textarea[name=review-gallery], textarea[name=review-topik]{
		width:98%;
		height:70px;
	}
	
	.box-chat{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	.read{
		 float:left;
		 width:50%;
	}
	.share{
		float:right;
		width:50%;
		text-align:right;
	}
	
	#loading{
		width:100%;
		text-align:center;
		display:none;
	}
	
	.err{
		position:fixed;
		width:30%;
		border:solid 1px #F00;
		color:#f00;
		padding:0.7%;
		background:#FCC url(../images/exclamation.png) no-repeat;
		background-size:3.5%;
		padding-left:2.5%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.ok{
		position:fixed;
		width:30%;
		border:solid 1px #063;
		color:#063;
		padding:0.7%;
		margin-bottom:1%;
		background:#66CC66 url(../images/accept.png) no-repeat;
		background-size:3.5%;
		padding-left:2.5%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#progress{
		position:absolute;
		z-index:9999;
		width:25%;
		padding:3%;
		padding-left:5%;
		background-color:#fff;
		top:20%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
		display:none;
	}
	#progress img.complete{
		width:10%;
		position:absolute;
		left:5%;
		top:27%;
	}
	
	.beta{
		position:absolute;
		width:150%;
		top:-40%;
		right:100%;
	}
	
	/*Reviews*/
	#add_reviews{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.box-search-left{
		width: 100%;
	}
	.box-search-center{
		width: 73%;
	}
	.box-search-right{
		width: 25%;
	}
	
	.box-frame-search-jenis select{
		width: 35%;
	}
	.box-frame-search-jenis input{
		width: 52%;
		margin-top: 0px;
	}
	.box-frame-search-jenis button{
		width: 10%;
		margin-top: 0px;
		height: 32px;
	}
}

/*Laptop / Desktop*/
@media only screen
and (min-width: 1200px) {
	.text-input{
		border:solid 1px #CCC;
		padding:5px;
		font-size:14px;
		margin-bottom:1%;
		font-family:Arial;
		width:98%;
	}

	.button-blue{
		background-color:#000;
		font-size:14px;
		font-weight:bold;
		border:none;
		padding:1.2% 3%;
		color:#fff;
		cursor:pointer;
	}
	
	.button-gray{
		background-color:#999;
		font-size:13px;
		font-weight:bold;
		border:none;
		padding:1% 2%;
		color:#000;
		cursor:pointer;
	}
	
	.link-detail{
		cursor:pointer;
		color:#9f7b0a;
	}
	.link-detail:hover{
		cursor:pointer;
		color:#9f7b0a;
		text-decoration:underline;
	}
	
	.link-profile{
		cursor:pointer;
	}
	.link-profile:hover{
		cursor:pointer;
		text-decoration:underline;
	}

	#header{
		width:100%;
		position:fixed;
		display:inline-block;
		z-index:5;
		background-color:#000;
	}
	.h-top{
		position:relative;
		width:90%;
		display:inline-block;
		left:50%;
		transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.header-logo{
		width:6.6%;
		cursor:pointer;
	}
	#sosmed{
		position:absolute;
		display:inline-block;
		right:2.5%;
		top:15%;
		color:#6aa2e1;
		width:15%;
		text-align:right;
	}
	.follow{
		 font-size:14px;
		 position:absolute;
		 left:0px;
		 top:7px;
	}
	.search{
		position:absolute;
		display:inline-block;
		width:35.2%;
		right:2.5%;
		top:50%;
	}
	.search-txt{
		position:absolute;
		background:none;
		border:none;
		padding:1%;
		top:15%;
		left:3%;
		width:64%;
		font-family:Arial;
		font-size:13px;
	}
	
	.h-menu{
		width:98%;
		position:relative;
		display:inline-block;
		background-color:#9f7b0a;
		color:#fff;
		padding:0.2% 1%;
	}
	.m-blank{
		margin-left:3%;
	}
	.m-menu{
		background-color:#9f7b0a;
		font-size:12px;
		padding:1%;
		border-right:solid 1px #9f7b0a;
		cursor:pointer;
		position:relative;
		display:inline-block;
	}
	.m-menu:hover{
		color:#000;
		cursor:pointer;
	}
	.m-menu:hover .p-menu{
		display:block;
		color:#fff;
	}
	.p-menu{
		position:absolute;
		background-color:#0F0;
		top:100%;
		left:0px;
		display:none;
	}
	.c-menu{
		width:100%;
		background-color:#9f7b0a;
		font-size:12px;
		padding:10px 15px;
		cursor:pointer;
		border-top:solid 1px #FFF;
		display:block;
	}
	.c-menu:hover{
		color:#000;
		cursor:pointer;
	}
	.box-menu{
		display:none;
	}
	.banner-2{
		height:10%;
		margin:1%;
		cursor:pointer;
		width:auto;
	}
	
	.s-menu{
		display:none;
	}
	
	#signup{
		position:absolute;
		top:22%;
		right:14.5%;
		cursor:pointer;
		height:55%;
	}
	#signin{
		position:absolute;
		top:22%;
		right:7%;
		cursor:pointer;
		height:55%;
	}
	#signout{
		position:absolute;
		top:22%;
		right:7%;
		cursor:pointer;
		height:60%;
	}
	#member-profile{
		position:absolute;
		top:-50%;
		right:7%;
		font-size:15px;
		color:#000;
	}
	
	#login-form{
		position:fixed;
		display:inline-block;
		width:20%;
		background-color:#FFF;
		z-index:9999;
		padding:5% 3%;
		font-size:14px;
		top:25%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}
	input[name=si_email],
	input[name=si_pass]{
		width:97%;
	}
	.judul-login{
		font-size:20px;
		text-align:center;
		color:#097bd7;
		font-weight:bold;
		padding-bottom:5%;
		border-bottom:solid 1px #000;
	}
	.lock{
		width:6.6%;
		position:absolute;
		top:20%;
		left:20%;
	}
	#err_login{
		font-size:14px;
		margin-bottom:2%;
	}
	
	#body{
		position:relative;
		display:inline-block;
		margin-top:9.3%;
		width:100%;
	}
	.flex-control-nav{
		bottom:-5%;
	}
	.jdl-hm{
		border-bottom:solid 1px #666;
		width:85%;
		padding:1% 0%;
		position:relative;
		display:inline-block;
		padding-right:15%;
		font-size:20px;
	}
	.img-hm{
		width:12%;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	.home-link{
		padding:0% 5%;
		width:90%;
		margin-top:3%;
		position:relative;
		display:inline-block;
		text-align:center;
	}
	
	.box-judul{
		padding:0% 6%;
		width:88%;
		margin-top:1%;
		font-size:14px;
		position:relative;
		display:inline-block;
	}
	
	.box-body{
		 padding:0% 6%;
		 width:88%;
		 position:relative;
		 display:inline-block;
		 text-align:center;
	}
	
	/*Left Content*/
	.left-content{
		width:66%;
		position:relative;
		display:inline-block;
		float:left;
		margin-right:1.5%;
	}
	.judul-left{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:1.35% 2%;
	}
	.isi-left{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	/*Right Content*/
	.right-content{
		width:31%;
		position:relative;
		display:inline-block;
	}
	.judul-right{
		background-color:#000;
		color:#fff;
		padding:3% 2%;
		font-size:15px;
		font-weight:bold;
	}
	.isi-right{
		font-size:14px;
		padding:5% 1%;
		margin-bottom:5%;
	}
	
	/*Full Content*/
	.full-content{
		width:99%;
		position:relative;
		display:inline-block;
		float:left;
		margin-right:1.5%;
	}
	.judul-full{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:0.8% 2%;
		margin-bottom:2%;
	}
	
	/*Content-contact*/
	input[name=ct_nama],
	input[name=ct_email],
	input[name=ct_phone],
	textarea[name=ct_pesan] {
		width:60%;
	}
	textarea[name=ct_pesan] {
		height:150px;
	}
	
	input[name=ct_captcha]{
		width:15%;
		margin-left:3%;
	}
	
	/*Content-membership*/
	input[name=re_nama],
	input[name=re_nick],
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	input[name=re_kerja],
	input[name=re_email],
	input[name=re_telp],
	input[name=re_telp_kantor],
	input[name=re_hp],
	input[name=re_ktp],
	input[name=re_music],
	input[name=re_peralatan],
	input[name=re_foto],
	textarea[name=re_alasan],
	input[name=fo_email],
	input[name=fe_nama],
	input[name=ac_email],
	input[name=lo_email],
	input[name=lo_pass] {
		width:60%;
	}
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	textarea[name=re_alasan] {
		height:100px;
	}
	
	input[name=ch_pass],
	input[name=ch_new_pass],
	input[name=ch_conf_pass]{
		width:25%;
	}
	
	.foto{
		width:30%;
	}
	
	/*Content Konfirmasi*/
	select[name=co_jenis],
	input[name=co_nomor],
	select[name=co_metode],
	input[name=co_nilai],
	input[name=co_nm_rek],
	input[name=co_no_rek],
	input[name=co_foto] {
		width:60%;
	}
	
	/*Content-gallery*/
	#load-gallery{
		font-size:14px;
		margin-top:1.5%;
		width:100%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	.box-gallery{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content-audiophiles*/
	#load-item{
		width:100%;
		position:relative;
		display:inline-block;
		text-align:center;
		float:left;
		margin-bottom:3%;
	}
	.box-item{
		width:21%;
		border:solid 1px #CCC;
		height:450px;
		position:relative;
		display:inline-block;
		padding:1%;
		margin:0.7%;
	}
	.gambar-item{
		border:solid 1px #CCC;
		width:80%;
		height:195px;
		margin:5% 10%;
		position:relative;
		display:inline-block;
		overflow:hidden;
		box-shadow:3px 3px 2px 1px #ccc;
	}
	.judul-item{
		font-size:16px;
		color:#9f7b0a;
		font-weight:bold;
		height:70px;
	}
	input[name=au_nama],
	input[name=au_email],
	input[name=au_negara],
	input[name=au_telp] {
		width:60%;
	}
	
	/*Content Lates*/
	.lates-img{
		width:35%;
		float:left;
		margin-right:1%;
	}
	.box-member{
		padding-left:5%;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content Forum*/
	.box-forum{
		border:solid 1px #ccc;
		font-size:14px;
		padding:1%;
		width:97.8%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	#m-forum{
		display:none;
	}
	#w-forum{
		display:block;
	}
	#add_topik{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.add_w_topik{
		display:inline-block;
		width:100%;
	}
	.add_m_topik{
		display:none;
	}
	.h_forum{
		background-color:#000;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}
	.judul-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
		color:#9f7b0a;
		font-size:18px;
		font-weight:bold;
		position:relative;
	}
	.start-topik{
		position:absolute;
		right:0px;
		top:5%;
		cursor:pointer;
	}
	.isi-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-sub-forum{
		border-top:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-forum{
		color:#000;
		cursor:pointer;
	}
	.link-forum:hover{
		cursor:pointer;
		text-decoration:underline;
		color:#9f7b0a;
	}
	
	.img-forum{
		position:absolute;
		border:solid 2px #ccc;
		width:80%;
		z-index:999;
		left:20%;
		top:25px;
		display:none;
	}
	.link-buysell{
		color:#9f7b0a;
		cursor:pointer;
	}
	.link-buysell:hover{
		color:#9f7b0a;
		cursor:pointer;
		text-decoration:underline;
	}
	.link-buysell:hover .img-forum{
		display:block;
	}
	
	textarea[name=fr_judul]{
		width:60%;
		height:35px;
	}
	input[name=fr_foto]{
		width:60%;
	}
	
	input[name=rv_judul], select[name=rv_tipe], input[name=rv_brand], input[name=rv_link], select[name=v_tipe]{
		width:60%;
	}
	
	.box-review{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	textarea[name=review-lates], textarea[name=review-gallery], textarea[name=review-topik]{
		width:98%;
		height:70px;
	}
	
	.box-chat{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	.read{
		 float:left;
		 width:50%;
	}
	.share{
		float:right;
		width:50%;
		text-align:right;
	}
	
	#loading{
		width:100%;
		text-align:center;
		display:none;
	}
	
	.err{
		position:fixed;
		width:30%;
		border:solid 1px #F00;
		color:#f00;
		padding:0.7%;
		background:#FCC url(../images/exclamation.png) no-repeat;
		background-size:3.5%;
		padding-left:2.5%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.ok{
		position:fixed;
		width:30%;
		border:solid 1px #063;
		color:#063;
		padding:0.7%;
		margin-bottom:1%;
		background:#66CC66 url(../images/accept.png) no-repeat;
		background-size:3.5%;
		padding-left:2.5%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#progress{
		position:absolute;
		z-index:9999;
		width:25%;
		padding:3%;
		padding-left:5%;
		background-color:#fff;
		top:20%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
		display:none;
	}
	#progress img.complete{
		width:10%;
		position:absolute;
		left:5%;
		top:27%;
	}
	
	.beta{
		position:absolute;
		width:150%;
		top:-40%;
		right:100%;
	}
	
	/*Reviews*/
	#add_reviews{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.box-search-left{
		width: 25%;
	}
	.box-search-center{
		width: 50%;
	}
	.box-search-right{
		width: 25%;
	}
}

/*Smartphone*/
@media only screen
and (max-device-width:600px){
	.text-input{
		border:solid 1px #CCC;
		padding:5px;
		font-size:14px;
		margin-bottom:2%;
		font-family:Arial;
		width:96%;
	}

	.button-blue{
		background-color:#000;
		font-size:16px;
		font-weight:bold;
		border:none;
		padding:3.5% 7%;
		color:#fff;
		cursor:pointer;
	}
	
	.button-gray{
		background-color:#999;
		font-size:15px;
		font-weight:bold;
		border:none;
		padding:3% 5%;
		color:#000;
		cursor:pointer;
	}
	
	.link-detail{
		cursor:pointer;
		color:#9f7b0a;
	}
	.link-detail:hover{
		cursor:pointer;
		color:#9f7b0a;
		text-decoration:underline;
	}
	
	.link-profile{
		cursor:pointer;
	}
	.link-profile:hover{
		cursor:pointer;
		text-decoration:underline;
	}

	#header{
		width:100%;
		position:relative;
		display:inline-block;
		z-index:5;
		background-color:#000;
		height: 120px;
	}
	.h-top{
		position:relative;
		width:100%;
		display:inline-block;
	}
	.header-logo{
		width:20%;
		cursor:pointer;
		padding:0px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	#sosmed{
		position:relative;
		display:inline-block;
		right:2%;
		margin-top:1%;
		color:#6aa2e1;
		width:100%;
		text-align:right;
	}
	.follow{
		 font-size:14px;
		 position:relative;
		 margin-right:1%;
	}
	.search{
		position:relative;
		display:inline-block;
		margin:0% 2%;
		width:96%;
		margin-bottom:2%;
	}
	.search-txt{
		position:absolute;
		background:none;
		border:none;
		padding:1%;
		top:20%;
		left:3%;
		width:64%;
		font-family:Arial;
		font-size:13px;
	}
	
	.h-menu{
		display:none;
	}
	.p-menu{
		display:none;
	}
	
	.s-menu img#mm-menu{
		position:fixed;
		top:1%;
		left:2%;
		z-index:5;
		width:12%;
	}
	.s-menu .bb-menu{
		width:60%;
		background-color:#9f7b0a;
		opacity:0.9;
		position:absolute;
		display:inline-block;
		top:1%;
		z-index:5;
		left:0%;
		color:#fff;
		left:-60%;
	}
	.m-menu{
		padding:5% 2%;
		border-bottom:solid 1px #fff;
		display:block;
	}
	.c-menu{
		margin-top:5%;
		padding:5% 0% 0% 2%;
		border-top:solid 1px #fff;
		display:block;
	}
	.box-menu{
		padding:1%;
		background-color:#000;
		color:#fff;
		position:relative;
		display:inline-block;
		width:98%;
		text-align:right;
	}
	.banner-2{
		height:4.5vw;
		margin:1%;
		cursor:pointer;
		width:auto;
	}
	
	#signup{
		position:relative;
		top:0%;
		margin-right:2%;
		cursor:pointer;
	}
	#signin{
		position:relative;
		top:0%;
		right:2%;
		cursor:pointer;
	}
	#signout{
		position:relative;
		top:0%;
		right:2%;
		cursor:pointer;
	}
	#member-profile{
		position:absolute;
		top:20%;
		left:2%;
	}
	
	#login-form{
		position:fixed;
		display:inline-block;
		width:72%;
		background-color:#FFF;
		z-index:9999;
		padding:5% 7%;
		font-size:14px;
		top:25%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		display:none;
	}
	input[name=si_email],
	input[name=si_pass]{
		width:95%;
	}
	.judul-login{
		font-size:20px;
		text-align:center;
		color:#097bd7;
		font-weight:bold;
		padding-bottom:5%;
		border-bottom:solid 1px #000;
	}
	.lock{
		width:12%;
		position:absolute;
		top:5%;
		left:18%;
	}
	#err_login{
		font-size:14px;
		margin-bottom:2%;
	}
	
	#body{
		position:relative;
		display:inline-block;
		margin-top:8% !important;
		width:100%;
	}
	.flex-control-nav{
		bottom:-15%;
	}
	.jdl-hm{
		border-bottom:solid 1px #666;
		width:75%;
		padding:1% 0%;
		position:relative;
		display:inline-block;
		padding-right:25%;
		font-size:16px;
	}
	.img-hm{
		width:25%;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	.home-link{
		padding:0% 2%;
		width:96%;
		margin-top:5%;
		position:relative;
		display:inline-block;
		text-align:center;
	}
	
	.box-judul{
		padding:0% 2%;
		width:96%;
		margin-top:2%;
		font-size:14px;
		position:relative;
		display:inline-block;
	}
	
	.box-body{
		 padding:0% 2%;
		 width:96%;
		 margin-top:1%;
		 position:relative;
		 display:inline-block;
		 text-align:center;
	}
	
	/*Left Content*/
	.left-content{
		width:100%;
		position:relative;
		display:inline-block;
		float:left;
		margin-bottom:5%;
	}
	.judul-left{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:3% 5%;
	}
	.isi-left{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	/*Right Content*/
	.right-content{
		width:100%;
		position:relative;
		display:inline-block;
	}
	.judul-right{
		background-color:#000;
		color:#fff;
		padding:3% 2%;
		font-size:15px;
		font-weight:bold;
	}
	.isi-right{
		font-size:14px;
		padding:5% 1%;
		margin-bottom:5%;
	}
	
	/*Full Content*/
	.full-content{
		width:100%;
		position:relative;
		display:inline-block;
		float:left;
	}
	.judul-full{
		background-color:#000;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:3% 5%;
		margin-bottom:2%;
	}
	
	/*Content-contact*/
	input[name=ct_nama],
	input[name=ct_email],
	input[name=ct_phone],
	textarea[name=ct_pesan] {
		width:95.5%;
	}
	textarea[name=ct_pesan] {
		height:150px;
	}
	input[name=ct_captcha]{
		width:30%;
		margin-left:7%;
	}
	
	/*Content-membership*/
	input[name=re_nama],
	input[name=re_nick],
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	input[name=re_kerja],
	input[name=re_email],
	input[name=re_telp],
	input[name=re_telp_kantor],
	input[name=re_hp],
	input[name=re_ktp],
	input[name=re_music],
	input[name=re_peralatan],
	input[name=re_foto],
	textarea[name=re_alasan],
	input[name=fo_email],
	input[name=fe_nama],
	input[name=ac_email],
	input[name=lo_email],
	input[name=lo_pass] {
		width:95.5%;
	}
	textarea[name=re_alamat],
	textarea[name=re_alamat_kantor],
	textarea[name=re_alasan] {
		height:100px;
	}
	
	input[name=ch_pass],
	input[name=ch_new_pass],
	input[name=ch_conf_pass]{
		width:95.5%;
	}
	
	.foto{
		width:60%;
	}
	
	/*Content Konfirmasi*/
	select[name=co_jenis],
	input[name=co_nomor],
	select[name=co_metode],
	input[name=co_nilai],
	input[name=co_nm_rek],
	input[name=co_no_rek],
	input[name=co_foto] {
		width:95.5%;
	}
	
	/*Content-gallery*/
	#load-gallery{
		font-size:14px;
		margin-top:1.5%;
		width:100%;
		text-align:left;
		position:relative;
		display:inline-block;
	}
	
	.box-gallery{
		border:solid 1px #CCC;
		font-size:14px;
		margin-top:1.5%;
		padding:2%;
		width:95.7%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	
	/*Content-audiophiles*/
	#load-item{
		width:100%;
		position:relative;
		display:inline-block;
		text-align:center;
		float:left;
		margin-bottom:3%;
	}
	.box-item{
		width:97%;
		border:solid 1px #CCC;
		height:500px;
		position:relative;
		display:inline-block;
		padding:1%;
		margin-bottom:5%;
	}
	.gambar-item{
		border:solid 1px #CCC;
		width:80%;
		height:250px;
		margin:5% 10%;
		position:relative;
		display:inline-block;
		overflow:hidden;
		box-shadow:3px 3px 2px 1px #ccc;
	}
	.judul-item{
		font-size:16px;
		color:#9f7b0a;
		font-weight:bold;
		height:70px;
	}
	input[name=au_nama],
	input[name=au_email],
	input[name=au_negara],
	input[name=au_telp] {
		width:95.5%;
	}
	
	/*Content Lates*/
	.lates-img{
		width:100%;
		margin-bottom:1%;
	}
	.box-member{
		padding-left:10%;
		position:relative;
		display:inline-block;
		margin-bottom:4%;
	}
	
	/*Content Forum*/
	.box-forum{
		border:solid 1px #ccc;
		font-size:14px;
		padding:1%;
		width:97.8%;
		text-align:left;
		position:relative;
		display:inline-block;
		margin-bottom:2%;
	}
	#m-forum{
		display:block;
	}
	#w-forum{
		display:none;
	}
	#add_topik{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.add_w_topik{
		display:none;
	}
	.add_m_topik{
		display:inline-block;
		width:100%;
	}
	.h_forum{
		background-color:#000;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}
	.judul-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
		color:#9f7b0a;
		font-size:18px;
		font-weight:bold;
		position:relative;
	}
	.start-topik{
		position:absolute;
		right:0px;
		top:5%;
		cursor:pointer;
	}
	.isi-sub-forum{
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-sub-forum{
		border-top:solid 1px #000;
		padding:0.3% 0%;
	}
	.link-forum{
		color:#000;
		cursor:pointer;
	}
	.link-forum:hover{
		cursor:pointer;
		text-decoration:underline;
		color:#9f7b0a;
	}
	
	.img-forum{
		position:absolute;
		border:solid 2px #ccc;
		width:80%;
		z-index:999;
		left:20%;
		top:25px;
		display:none;
	}
	.link-buysell{
		color:#9f7b0a;
		cursor:pointer;
	}
	.link-buysell:hover{
		color:#9f7b0a;
		cursor:pointer;
		text-decoration:underline;
	}
	.link-buysell:hover .img-forum{
		display:block;
	}
	
	textarea[name=fr_judul]{
		width:95.5%;
		height:35px;
	}
	input[name=fr_foto]{
		width:95.5%;
	}
	
	input[name=rv_judul], select[name=rv_tipe], input[name=rv_brand], input[name=rv_link], select[name=v_tipe]{
		width:95.5%;
	}
	
	.box-review{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	textarea[name=review-lates], textarea[name=review-gallery], textarea[name=review-topik]{
		width:95.5%;
		height:70px;
	}
	
	.box-chat{
		margin-top:3%;
		font-size:14px;
		margin-bottom:5%;
		text-align:left;
	}
	
	.read{
		 width:100%;
		 margin-bottom:1%;
	}
	.share{
		 width:100%;
	}
	
	#loading{
		width:100%;
		text-align:center;
		display:none;
	}
	
	.err{
		position:fixed;
		width:70%;
		border:solid 1px #F00;
		color:#f00;
		padding:3% 5%;
		background:#FCC url(../images/exclamation.png) no-repeat;
		background-size:5%;
		padding-left:8%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.ok{
		position:fixed;
		width:70%;
		border:solid 1px #063;
		color:#063;
		padding:3% 5%;
		margin-bottom:1%;
		background:#66CC66 url(../images/accept.png) no-repeat;
		background-size:5%;
		padding-left:8%;
		background-position:2% center;
		border-radius:7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		-ms-border-radius:7px;
		-o-border-radius:7px;
		font-size:14px;
		z-index:999;
		left:50%;
		top:200px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	
	#progress{
		position:absolute;
		z-index:9999;
		width:72%;
		padding:5%;
		background-color:#fff;
		top:3%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		text-align:center;
		display:none;
	}
	#progress img.complete{
		width:10%;
		position:absolute;
		left:5%;
		top:20%;
	}
	
	.beta{
		position:relative;
		top:0%;
		padding-left:15%;
		width:85%;
	}
	
	/*Reviews*/
	#add_reviews{
		border:solid 1px #CCC;
		padding:2%;
		margin-bottom:1%;
		text-align:left;
		display:none;
	}
	
	.box-search-left,
	.box-search-center,
	.box-search-right{
		display: block;
		width: 100%;
	}
	.box-search-left{
		text-align: left;
		float: none;
	}
	.box-search-center{
		text-align: left;
	}
	.box-search-right{
		text-align: right;
		float: none;
	}
	
	.box-frame-search-jenis select{
		width: 100%;
	}
	.box-frame-search-jenis input{
		width: 80%;
		margin-top: 5px;
	}
	.box-frame-search-jenis button{
		width: 15%;
		margin-top: 5px;
		height: 32px;
	}
}