/*@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);* /
@import url(https://fonts.googleapis.com/css?family=Arimo);

/* CSS Document */
.box_uploaded_img{
	float:left;width:136px;height:auto;over-flow:hidden;
	padding:2px;
	border:solid 1px #dedede;
	border-radius:5px;
}
.box_uploaded_img img{
	width:130px;
	border-radius:5px;
}
.spn_uploaded_img_x{
	display:inline-block;padding:2px 3px 0px 3px;color:#fff;background:#f00;border-radius:50%;position:absolute;margin:-10px 0px 0px 120px;
	 
}
.spn_uploaded_img_x:hover{
	color:#fff;background:#333;
	cursor:pointer;
}
.btn_sp_cari{
	background:#fff;
	color:#333 !important;
	padding:5px;
	border:solid 1px #dedede;
	width:30px;
	height:32px;
	margin:0px 0px 0px 2px;
	float:left;
}
.btn_sp_cari:hover{
	background:#ccc;
	color:#333 !important;
	padding:5px;
	border:solid 1px #ccc;
	width:30px;
	height:32px;
}
.txt_sp_cari{
	width:160px;
	height:32px;
	padding:5px;
	border:solid 1px #dedede;
	margin:0px 0px 0px 0px;
	float:left;
}
.sp_chart:hover{
	background:#ccc;
}
.half_to_full{
	width:50%;
}
.width_modal{
	width:80% !important;
}
.n_urut{
	width:5%;
}
.n_img_nama{
	width:20%;
}
.n_img_in{
	width:20%;	
}
.n_img{
	width:100px;
	overflow:hidden;
}
.n_nama_in{
	width:60%;
 
}
.n_nama{
	width:100%;
}
 
 
/* general */
.fontsize_85{
	font-size:85%;
}
.fontsize_90{
	font-size:90%;
}
.fontsize_100{
	font-size:100%;
}

.fontsize_110{
	font-size:110%;
}
.fontsize_120{
	font-size:120%;
}
.fontsize_130{
	font-size:130%;
}
.fontsize_140{
	font-size:140%;
}
.fontsize_150{
	font-size:150%;
}
.fontsize_160{
	font-size:160%;
}	

.show_on_mobile{display:none;}.show_on_desk{display:block;}.fleft{float:left;}.fright{float:right;}.just_float{width:100%;float:left;}
.bg_spr_a{
	height:4px;
 
	width:70px;
}
.bg_spr_b{
	height:4px;
 
	width:60px;
}
.spr_judul{
	margin:25px 0px 30px 0px;
}
.spr_judul_footer{
	margin:20px 0px 20px 0px;
}
h1,h2,h3,h4{
	margin:0px !important;
}
h1{
	font-size:28px !important;
}
h2{
	font-size:22px !important;
}
h3{
	font-size:16px !important;
}
/* end general */
.wcenter{
	width:1170px;
	margin:0px auto;
}
/* header */

.hlogo{
	width:170px;
	 
}
.hcari{
	width:470px;
	margin:15px 0px 0px 120px;
}

.hmenu{
	width:380px;
	margin:0px 0px 0px 0px;	
}
/* menu atas */
ul.ulnav{
	margin:0px;
	padding:0px;
}
ul.ulnav li{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline-block;	
	padding:0px 20px 0px 0px;
	list-style:none;
	display:inline-block;
	 
	font-size:16px;	
}
ul.ulnav li.as_parent{
	margin:0px 0px 0px 5px; 
}
ul.ulnav li.as_parent:hover{
	cursor:pointer;
	color:#fff !important;
	 
}
ul.ulnav li a{
	padding:0px 0px;
	list-style:none;
	display:inline-block; 
	font-size:16px;	
}
ul.ulnav li a:hover{
 
	list-style:none;
	display:inline-block;
	text-decoration:none;
	 
}
ul.ulnav li.li_last a{
	padding:12px 0px 12px 0px;
	list-style:none;
	display:inline-block;
 
	font-size:14px;
	
}
ul.ulnav li.li_last a:hover{
	padding:12px 0px 12px 0px;
	list-style:none;
	display:inline-block;
 
	text-decoration:none;
	cursor:pointer;
}
ul.ulnav li ul.reseller{
	margin:8px 0px 0px -100px;
	padding:0px;
	 
	position:absolute;	
	z-index:10;
	width:200px;
	background:#eee;
 
	display:none;
}
ul.ulnav li ul.reseller li {
	border-bottom:solid 1px #666;
}
ul.ulnav li ul.reseller li a{
	padding:10px;
	list-style:none;
	display:block;
	font-size:14px;
	color:#333 !important; 
}
ul.ulnav li ul{
	margin:8px 0px 0px 0px;
	padding:0px;
	 
	position:absolute;	
	z-index:10;
	width:200px;
	background:#000;
	 
	display:none;
}

ul.ulnav li ul li{
	display:list-item;
	list-style:none;
	text-align:left;
	float:none;
	border-bottom:solid 1px #5B5B5B;
	margin:0px;
	padding:0px;
}
ul.ulnav li ul.ulchild_pro{
	margin:8px 0px 0px -120px;
	padding:0px;
 
	position:absolute;	
	z-index:10;
	width:150px;
 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	display:none;
}
 ul.ulnav li ul li a{
	padding:10px;
	list-style:none;
	display:block;
	font-size:14px;
}
ul.ulnav li ul li a:hover{

	list-style:none;
	display:block;
	color:#fff !important;
	font-size:14px;
	background:#666 !important;
}
/* end ul */
/* end header */

.mslide_img img{
	width:100%;
}
/* thum nail produk */
	.thumb_outter{
		width:272px;		 
		padding:2px;
	}
	.thumb_outter_ma{
		margin:0px 27px 27px 0px;
		float:left;	
	}
	.thumb_outter_mb{
		margin:0px 27px 27px 0px;	
		float:left;
	}
	.thumb_outter_mc{
		margin:0px 27px 27px 0px;	
		float:left;
	}
	.thumb_outter_mlast{
		margin:0px 0px 27px 0px;	
		float:right;
	}
	 .thumb_top{
		width:266px;
		height:352px;
		overflow:hidden;
		text-align:center;			
	}
	.content-pro-box1 .thumb_top{
		width:unset;
		height:unset;
		overflow:hidden;
		text-align:center;			
	}
	.thumb_top img{ 
		width:100%;
	}
	
	.thumb_top img:hover{
		opacity:0.9;
		filter:alpha(opacity=90);
	}
	.thumb_bottom{
		width:266px;
		padding:0px;
		height:60px;
	
	}
	.harga_produk{
		padding-top:5px;
	 	font-size:14px;

	}
	.beli_produk{
		width:45px;	

	}
	.tombol_beli{
		width:45px;		
		height:40px;
		 
		border:0px;
		float:right;
		 
	}
	a.link_nama_froduk{		 
		font-size:14px;
		text-decoration:none;
	}
	 
	.thumb_harga{
		width:266px;
		 
	}
	.spn_harga{
		font-size:14px;
	}
	.spn_harga_coret{
		font-size:14px;
		text-decoration:line-through;
	}
	.judul_produk{
		
		height:20px;		
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
		 
	}
	.spn_lokasi{
		display:inline-block;
		background:url(../tm_design/location.png) no-repeat left center;
		padding:4px 0px 4px 24px;
		text-align:left;
	}
	/* end thumb nail produk */
.ishovered{cursor:pointer;}
/* footer */
.col_likebox{
	width:400px;
}
.colfoot_a{
	width:320px;
	margin-right:50px;
}
ul.ulside_nav{
	padding:0px;
	margin:0px;
}
ul.ulside_nav li{
	list-style:none;
}
ul.ulside_nav li a{
	display:block;
	padding:5px 0px;
	 
}
ul.ulside_nav li a:hover{
	display:block;
	 
	text-decoration:none;
}
/* end footer */
.wtext{
	width:540px;
}
.text_text{
	width:100%;
}

/* detail produk */
.img_detail_box img{
	width:100%;
}
.con_left{
	width:650px;
}
.con_right{
	width:520px;
		padding-left:40px;
}
.mylabel{
	font-weight:bold;
}
.mycol2{
	width:20%;
}
.mycol8{
	width:80%;
}
.detail_harga{
	padding:3%;
}
.varian_wraper{
	padding:3%;
}
.var_a{
	width:30%;	
}
.var_b{
	width:40%;
	
	padding:0px 10px 0px 0px;
}
.thumb_img_icon{
		
		width:124px;
		height:161px;
		padding:3px;
		margin:0px 6px 6px 0px;
		
	}
	.thumb_img_icon_in{
		width:116px;
		height:153px;
		overflow:hidden;	 
	}
	.thumb_img_icon_in img{
		width:100%;
	}
/* ******************************************************* end detail produk */
.bg_red{
	background:red;
}
.bg_gray{
	background:#ccc;
}
/* belanja */
	.jproduk{
		width:40%;
	}
	.jjumlah{
		width:10%;
	}
	.jharga{
		width:17%;
	}
	.jsubtotal{
		width:21%;
	}
	.jexe{
		width:12%;
	}
	.jheader{
		color:#fff;
		
		padding:1%;
	}
	
	.qimg{
		width:20%;
	}
	.qimg img{
		width:100%;
	}
	.qtext{
		width:78%;
		padding-left:2%;
	}
	.isibg{
		background:#993768;
	}
	.padding_btm5{
		padding-bottom:5px;
	}
	.form_kirim_cmb{
		width:43%;
	}
	/* end belanja */
/* detail kirim*/
.jbox_total{
		width:66%;
	}
	.jbox_total_b{
		width:21%
	}
/* end detail kirim *//* form */
.form_box_center{
	float:left;
	width:670px;
	margin:0px 250px;
}
.new_label{
	float:left;
	width:120px;
	text-align:right;
	color:#333;
}
.new_label_konf{
	float:left;
	width:160px;
	text-align:right;
	color:#333;
}
.titik_koma{
	float:left;
	width:10px;
	text-align:center;
}

.field{
	float:left;
	width:540px;
	padding-left:10px;
}
.box_input{
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	float:left;
	width:100%;
}
.box_input_header{
	padding:10px 0px 10px 0px;
	margin:15px 0px 15px 0px;
	
	float:left;
	width:100%;
	 
}
#frm_box_order{
	float:left;width:340px;height:auto;
	padding-left:15px
}
.box_input_no{

	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:100%;
}
.label_order{
	float:left;
	width:95px;
}
/* end form */
	.img_conten_full{
		margin-bottom:30px;
		float:left;
		width:100%;
	}
	.img_conten{
		margin:0px 20px 30px 0px;
		float:left;
	 
	}
	.pinbb{
		background: url(../tm_design/bbicon.png) no-repeat right;padding:5px 35px 5px 0px;float:left;
	}
	.slide_on_desk{
		display:block;
	}
	.slide_on_mobile{
		display:none;
	}
	.image_thumb_small{
		padding:2px 0px;
		height:88px;		
		overflow-x: scroll;
		overflow-y: hidden;
   		white-space: nowrap;
		position:static;
		width:100%;
		float:none;
	}
	.img_tiny{
		width:65px;
		height:88px;
		overflow:hidden;
		margin-right:1px;
		display:inline-block;			
	}
	.content-pro-box1 .img_tiny{
		width: 45px;
		height: 78px;
		overflow:hidden;
		margin-right:1px;
		display:inline-block;
	}
	
	.img_tiny img{
		width:100%;
	}
	.vocer_outter{
		width:400px;float:left;
	}