@charset "utf-8";
 
@media screen and (max-width:1169px){
.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;
}	
.modalimg_cst img{
	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:block;}.show_on_desk{display:none;}.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;
	font-weight:bold;
}
h1{
	font-size:28px !important;
}
h2{
	font-size:22px !important;
}
h3{
	font-size:16px !important;
}
.wcenter{
	width:100%;
	margin:0px;
	padding:0% 3% ;
	float:left;
}
/* end general */

/* header */
 
.hlogo{
	width:100%;
}
.hlogo_in{
	width:100px;
}
.hlogo_in img{
	width:100%;
}
.hmenu_box{
	width:120px;
}
.hcari{
	width:100%;
	margin:20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.hmenu{
	width:100%;
	margin:18px 0px 0px 0px;
	border-top:solid 1px #dedede;
}
/* menu atas */
.menu_icon{
	background:url(../tm_design/icon_menu.png) no-repeat 0px 0px;
	width:30px;
	height:18px;
	float:left;
	margin-top:10px;
}
/* menu atas */
a.m_link{
	color:#f5f5f5 !important;
	padding:0px 10px 0px 0px;
}
ul.ulnav_m{
		margin:0px;
		padding:0px;
}
ul.ulnav_m li{
		margin:0px 0px 0px 0px;
	 	list-style:none;
		display:block;	
		padding:6px 0px;
		display:block;
		font-size:14px;
		color:#333 !important;	 
	}
ul.ulnav_m li a{
		padding:0px;
		list-style:none;
		display:block;
		font-size:14px;
		color:#333 !important;	
}
ul.ulnav_m li a:hover{
		padding:0px;
		list-style:none;
		display:block;
		font-size:14px;
		color:#666 !important;	
		text-decoration:none;
}
ul.ulnav_m li ul{
	position:absolute;
	background:#000;
	padding:0px;
	margin:10px 0px 0px -30px;
	display:none;
}
ul.ulnav_m li ul li{
	display:block;
	width:100px;
	padding:10px;
	border-bottom:solid 1px #dedede;
}
ul.ulnav_m li ul li a{
	padding:0px;
	list-style:none;
	display:block;
	font-size:14px;
	color:#fff !important;	
}

	ul.ulnav{
		width:100%;
		margin:0px;
		padding:0px;
	}
	ul.ulnav li{
		margin:0px 0px 0px 0px;
	 
		list-style:none;
		display:block;	
		text-align:left;
		
		padding:6px 0px;
		display:block;
		font-size:14px;
		color:#983667 !important;
	 	 
		width:100%;
		float:none;
		
	}
	
	ul.ulnav li.as_parent span.caret_e{
		margin:0px 0px 0px 5px; 
	}
	ul.ulnav li.as_parent:hover{
		cursor:pointer;
		color:#fff !important;
		 
	}
	 ul.ulnav li:active{
		color:#fff !important;
	 
		background:#f5f5f5 !important;
		 
	}
	ul.ulnav li a{
		padding:0px;
		list-style:none;
		display:block;
		font-size:14px;
		 	 
	}
	ul.ulnav li a:hover{
		list-style:none;
		display:block;
		text-decoration:none;
	}
	ul.ulnav li.me_inline{
		margin:0px 0px 0px 0px;
	 
		list-style:none;
		display:inline-block;	
		text-align:left;
		
		padding:6px 0px;
	 
		font-size:14px;
		color:#983667 !important;
	 
	 	 
		width:100%;
		float: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{
		margin:0px 0px 0px 0px;
		padding:0px;
 		 
		border:solid 0px #000;
		width:100%;		
		display:none;
	}
	ul.ulnav li ul li{
		display:list-item;
		list-style:none;
		text-align:left;
		float:none;
		width:100%;
		border-bottom:solid 1px #5B5B5B;
		background:#4D4D4D;
}
	ul.ulnav li ul li a{
		padding:0px 5px;
		list-style:none;
		display:block;
		 
		font-size:14px;
	}
	ul.ulnav li ul li a:hover{
	
		list-style:none;
		display:block;
		 
	font-size:14px;
	background:none !important;
		 
	}
	ul.ulnav li ul li:active{
		color:#fff !important;
		font-size:14px;
		background:#666 !important;
		 
	}
	/* end ul */
	/* end menu atas */
/* end header */

.ishovered{cursor:pointer;}
/* footer */
.col_likebox{
	width:100%;
	margin:0% 0% 6% 0%;
}
.colfoot_a{
	width:100%;
	margin:0% 0% 6% 0%;
}
ul.ulside_nav{
	padding:0px;
	margin:0px;
}
ul.ulside_nav li{
	list-style:none;
}
ul.ulside_nav li a{
	display:block;
	padding:5px 0px;
	color:#333;
}
ul.ulside_nav li a:hover{
	display:block;
	color:#CD699B;
	text-decoration:none;
}
/* end footer */
.wtext{
	width:100%;
	margin-bottom:8%;
}
.text_text{
	width:100%;
}
.mslide_img img{
	width:100%;
}
/* belanja */
.jproduk{
		width:100%;
	}
	.jjumlah{
		width:10%; 
	}
	.jharga{
		width:17%; 
	}
	.jsubtotal{
		width:21%; 
	}
	.jexe{
		width:12%; 
	}
	.jheader{
				
		padding:2%;
	}
	.listed{
		padding:2% 0%; 
	}
 
	.qtext{
		width:78%;
		padding-left:2%;
	}	
	.qtext_sp_mobile{
		width:78%;
		padding-left:2%;
	}
	.qimg{
		width:20%;
	}
	.qimg img{
		width:100%;
	}
/* end belanja */

/* detail */

.con_left{
	width:100%	;
	padding:0%;
}
.con_right{
	width:100%;
}
.img_detail_box img{
	width:100%;
}
.thumb_width_item{
	width:100%;
	padding:0%;
}

.thumb_img_icon{
		width:95px;
		height:124px;
		padding:2px;
		margin:0px 10px 5px 0px;
		
	}
	.thumb_img_icon_in{
		width:90px;
		height:119px;
		overflow:hidden;	 
	}
	.thumb_img_icon_in img{
		width:100%;
	}
	.mycol2{
		width:25%;
	}

	.mycol8{
		width:75%;
	}
	.detail_harga{
	padding:3%;
}
.var_a{
	width:30%;	
}
.var_b{
	width:40%;
	padding:0px 10px 0px 0px;
}
.varian_wraper{
	padding:3%;
}
.mylabel{
	font-weight:bold;
}
	
/* edn detail */
.jbox_total{
		width:50%
	}
	.jbox_total_b{
		width:50%;
	}
/* form */
	.titik_koma{
	display:none;
}
.input_field{
	float:left;
	width:90%;
	border:solid 1px #999;
	padding:1%;
}
.label_order{
	float:left;
	width:100%;
}
.field_order{
	padding-top:1%;
	float:left;
	width:100%;	
}

.new_label{
	float:left;
	width:100%;
	font-weight:bold;
	color:#333;
	text-align:left;
}
.new_label_konf{
	float:left;
	width:100%;
	font-weight:bold;
	color:#333;
	text-align:left;
}
.field{
	padding-top:1%;
	padding-left:0%;
	float:left;
	width:100%;	
}
.box_input{
	float:left;
	width:100%;	
	padding:1% 0%;
}
.err_input{
	color:#f00;
	font-size:90%;
}
#frm_box_order{
	float:left;width:100%;height:auto;
}

 
.input_captcha{
		width:150px;
		padding:2%;
	}
 
	/* end form */
	.img_conten_full{
		margin-bottom:4%;
		float:left;
		width:100%;
	}
	.img_conten{
		margin:0px 2% 3% 0%;
		float:left;
		width:100%;
	}
	 
	 .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;
	}
	/* thum nail produk */
	.thumb_outter{
		width:272px;	 
		padding:0px;
		float:left;
		 
	}
	.thumb_outter_ma{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	.thumb_outter_mb{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	.thumb_outter_mc{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	.thumb_outter_mlast{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	 .thumb_top{
		width:266px;
		height:352px;
		overflow:hidden;
		text-align:center;			
	}
	.thumb_top img{ 
		width:100%;
	}	
	.thumb_top img:hover{
		opacity:0.9;
		filter:alpha(opacity=90);
	}
	.thumb_bottom{
		width:100%;
		padding:0px;
		height:80px;	
	}
	.harga_produk{
		 padding-top:5px;	 
		font-weight:bold;
	}
	.thumb_harga{
		width:100%;		 
	}
	.spn_harga{
		font-size:14px;
	}
	.spn_harga_coret{
		font-size:14px;
		text-decoration:line-through;
	}
	.judul_produk{
		
		height:auto;		
		/*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;
	}
	.beli_produk{
		width:45px;	

	}
	.tombol_beli{
		width:45px;		
		height:40px;
		 
		border:0px;
		float:right;
		 
	}
	a.link_nama_froduk{		 
		font-size:14px;
		text-decoration: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;	
	}
	.img_tiny img{
		width:100%;
	}
	/* end thumb nail produk */
	.vocer_outter{
		width:100%;float:left;
	}
}
@media screen and (max-width:640px){
	/* thum nail produk */
	.thumb_outter{
		width:160px;	 
		padding:0px;
		float:left;
		 	
	}
	.thumb_outter_ma{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	.thumb_outter_mb{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	.thumb_outter_mc{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	.thumb_outter_mlast{
		margin:0% 2% 2% 0%;	
		float:left;
	}
	 .thumb_top{
		width:160px;	
		height:210px;
		overflow:hidden;
		text-align:center;	
			
	}
	.thumb_top img{ 
		width:100%;
	}	
	.thumb_top img:hover{
		opacity:0.9;
		filter:alpha(opacity=90);
	}
	.thumb_bottom{
		width:100%;
		padding:0px;
		height:80px;	
	}
	.harga_produk{
		 padding-top:5px;	 
		font-weight:bold;
	}
	.thumb_harga{
		width:100%;		 
	}
	.spn_harga{
		font-size:14px;
	}
	.spn_harga_coret{
		font-size:14px;
		text-decoration:line-through;
	}
	.judul_produk{
		
		height:auto;		
		/*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;
	}
	.beli_produk{
		width:45px;	

	}
	.tombol_beli{
		width:45px;		
		height:40px;
		 
		border:0px;
		float:right;
		 
	}
	a.link_nama_froduk{		 
		font-size:14px;
		text-decoration:none;
	}
	 
	.image_thumb_small{
		padding:2px 0px;
		height:62px;
		overflow:hidden;
		 	
	}
	.img_tiny{
		width:38px;
		height:50px;
		overflow:hidden;
		margin-right:1px;	
			
	}
	.img_tiny img{
		width:100%;
	}
	/* end thumb nail produk */
}
@media screen and (max-width:360px){
.qtext_sp_mobile{
		width:100%;
		padding-left:0%;
	}	
	 
}