@charset "utf-8";
/* CSS Document */
@media screen and (max-width:910px) {
.out_loan_mortage{
	width:96%;
	float:left;
	padding:2%;
	background:#484848;
}
.loan_mortage{
	float:left;
	width:100%;
}
.loan_right{
	float:left;padding:4% 0px 0px 0px; width:100%;	
}
.btn_a{
	border:#f5f5f5;
	background:#f5f5f5;
	padding:4px 10px;
	margin-bottom:5px;
	width:60px;
}
.btn_a:active{
	background:#ccc;
	cursor:pointer;
}
.field_a{
	padding:4px;
}
		/* inquiry */
.inq_header{
	width:96%;
	padding:2%;
	background:#EEAE04;	
	text-align:center;
	color:#333;
	font-size:120%;
}
.inq_lits_outter{
	float:left;
	width:96%;
	padding:3% 2%;
	background:#353535;
}
.inq_lits_outter_b{
	float:left;
	float:left;
	width:96%;
	padding:3% 2%;
	background:#484848;
}
.inq_no{
	float:left;
	width:30px;
	text-align:center;
	padding:4px;
}
.inq_foto{
	width:90px;
	float:left;
	padding:4px;	
}
.inq_foto_in{
	width:90px;
	height:90px;
	float:left;
	overflow:hidden;
}
.inq_foto_in img{
	width:100%;
}
.inq_ket{
	width:45%;
	float:left;
	padding:0px 2%;
}
.inq_exe{
	width:25%;
	float:right;
}
.inq_qty{
	width:80px;
	float:left;
	padding:4px;
	padding-right:5px;
}

.inq_input{
	padding:4px;
	width:30px;
	text-align:center;
}
.inq_delete{
	padding:4px;
	width:70px;
	text-align:center;
}
.inq_btm{
	background:#9F9F9F;
	float:left;
	width:96%;
	padding:2%;
}
/* end inquiry */

	/* tabel services*/
	table.service1{
		border:solid 1px #484848;
		border-collapse:collapse;
		background:#2D2D2D;
	}
	table.service1 td{
		border:solid 1px #484848;
		border-collapse:collapse;
		padding:4px;
	}
	tr.trservis_bg_spr{
		background:#353535;
	}
	tr.trservis_bg_spr td{
		font-weight:bold;
		color:#f5f5f5;
	}
	.tdservis_right{
		text-align:right;
	}
	.tdservis{
		text-align:center;
	}
	/* end tabel services*/
	.box_bank_left{
		float:left;
		width:48%;
		padding:2% 0%;
		background:#2C2C2C;
	}
	.box_bank_right{
		float:right;
		width:48%;
		padding:2% 0%;
		background:#2C2C2C;
	}
	/* site map */
	.width_48{
		width:48%;
	}
	.as_sub_map{
		padding-left:10px;
	}
	.as_sub_map_r{
		padding-left:10px;
		float:left;
	}
	/* end site map */
	.walking_galerry_box{
		display:none;
	}
	.hovered:active{
		background:#ccc;
	}
	.xscroll{
		display:inline-block;
		padding:1% 2%;
		margin:2%;
		background:#666;
		color:#f5f5f5;
	}
	.bottom_line_sp{
	border-bottom:solid 1px #484848;
	margin-bottom:10px;
}
	.bottom_line_artikel_home{
		 
}
	.bottom_line_artikel{
		border-bottom:solid 1px #484848;
		margin-bottom:16px;
		padding-bottom:16px;
}
.kpr_right{
	float:right;
	width:48%;
}
.kpr_left{
	float:left;
	width:48%;
}
.link_kpr a{
	display:block;
	padding:8px 0px;	
	border-bottom:solid 1px #2c2c2c;
	/*font-size:90%;*/
}
.link_kpr a:hover{
	background:#2c2c2c;
}	
@font-face{
	font-family:myfont;
	src:url(tm_design/font/myriad-pro-regular.ttf),url(tm_design/font/myriad-pro-regular.eot);	
	
}
#idxbox{
	float:left;
	width:100%;
}
.shrink_booking{
	width:100%;
	padding:0px 0px;
	float:left;
}
	.img_deft{
		float:left;
		margin:0% 4% 4% 0%;
		width:450px;
	}
	.slide_doang{
		width:98%;
		float:left;
		padding:1%;
		background:#c0c0c0;
		margin:2% 0%;
	}
	.slide_doang img {
		float:left;
	}
	#imgsearch{
		background:#333;
		padding:3px;
		width:30px;
		border-radius:4px;
		border:solid 1px #f5f5f5;
		float:right;
	}
	.mybar{
		height:2px;
		background:#dedede;		
		margin:2px 0px;
	}
	.show_on_desk{
		display:none;
	}
	.show_on_mobile{
		display:block;
	}
	body{
		margin:0px;
		color:#BFBFBF;
		background:#9F9F9F;
		font-family:myfont, tahoma, Arial, Helvetica, sans-serif;
		font-size:90%;	
	}
	a{
	color:#EEAE04;
	text-decoration:none;
}
a:hover{
	color:#ccc;
	text-decoration:none;
} 
	.box_input_header{
		width:100%;
		float:left;
		padding:2% 0%;
	}
	a img{
		border:0px;
	}
	a:hover img{
		opacity:0.7;
		filter:alpha(opacity=70);
	}	
	h1,h2,h3{
		font-weight:normal;
		margin:0% 0% 1.5% 0%;
	}
	h1{
		font-size:140%;
	}
	#boxcall{
		width:100%;
		padding:2% 0%;
		text-align:center;
		font-size:85%;
	}
	#incall{
		float:left;padding-right:0px;color:#fff;
		width:100%;
		padding-bottom:2%;
	}
	#insupplier{
		float:right;color:#fff;
		width:100%;
	}
	#top_nav{
		background:#b8b8b8 url(../tm_design/ukiran.jpg) repeat-x;
		float:left;
		width:100%;
		padding:10px 0px;
		height:50px;
		border-bottom:solid 3px #E70506;
	}
	#pos_logo{
		float:left;	
		width:70%;
		padding:0%;
	}
	#pos_logo img{
	 	width:150px;
	}
	#logo_icon_mobile{
		float:left;
		width:100%;
		padding:2px 0%;		
	}
	#slide_mobile img{
		width:100%;
	}
	#pos_icon_monile{
		float:right;
		margin-top:0%;
	}
	#pos_menu{
		float:right;
		width:100%;
		background:#f5f5f5;
		margin-top:2%;
		display: none;
		z-index:10;
		position:relative;
	} 
	.wrap_center{
		width:96%;
		padding:0% 2%;
		margin:0px auto;
		-khtml-user-select:none;
		-moz-user-select:none;
		-moz-user-select:-moz-none;
		-o-user-select:none;
		-webkit-user-select:none;
		-webkit-touch-callout: none;
		-ms-user-select: none;
		user-select:none;
		unselectable:on;
	}
	.just_float{
		float:left;
		width:100%;
	}
	#logo_nav{	
		
		background:#589200;
	}
	
	#banner{
		float:right;
		padding-top:7px;
	}
	#left_content{
		float:left;
		width:100%;
		height:auto;
	}
	#left_content img{
		width:100%;
	}
	#mid_content{
		padding:4% 0%;
	 
	 
	background:#181818;
 
	}
	
	#right_content{
		float:left;
		width:100%;
		height:auto;
		padding:5% 0%;
		margin:0%;
		font-size:80%;
	}
	.put_left{
		text-align:left;
	}
	.put_right{
		text-align:right;
	}
	.put_center{
		text-align:center;
	}
	#menu_outer_right{
		width:100%;
	}
	#ulnav_outer{
		width:100%;
	}
	ul.ulnav{
		margin:0px;
		padding:0px;
		float:right;
		width:100%;
	}
	ul.ulnav li{
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
		display:block;	
		width:100%;	 
	}
	ul.ulnav li:hover{
		border-bottom:0px;
	}
	ul.ulnav li.selected{
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
		display:block;	
		width:100%;	
	}
	
	ul.ulnav li.ul_spr{
		width:1px;
		padding:20px 15px;
		display:inline;
		display:none;
	}
	
	ul.ulnav li.ul_spr:hover{
		border-bottom:0px;
		display:none;
	}
	ul.ulnav li a{
		list-style:none;
		display:block;
		color:#fff;
		/*font-size:90%;*/
		padding:3%;
		background:#666;
		border-bottom:solid 1px #E4E4E4;
	}
	ul.ulnav li a:active{
		padding:3%;
		list-style:none;
		display:block;
		color:#333;
		background:#f5f5f5;
		text-decoration:none;
	}
	
	ul.ulnav li.li_last a{
		list-style:none;
		display:block;
		color:#fff;
		/*font-size:90%;*/
		padding:3%;
		background:#666;
		border-bottom:solid 1px #E4E4E4;
		
	}
	ul.ulnav li.li_last a:active{
		padding:3%;
		list-style:none;
		display:block;
		color:#333;
		background:#f5f5f5;
		text-decoration:none;
	}
	ul.ulnav li.li_last a:hover{
		 
	}
	ul.ulnav li.ul_down_arrow{	
		padding:0%;	
		background:none;
	}
	ul.ulnav li.ul_down_arrow:hover{
	 
		border-bottom:0px;
		 
		background:none;
	}
	.ul_span{
		list-style:none;
		display:block;
		color:#77B830;
		font-size:100%;
		padding:3% 6% 3% 3%;
		border-bottom:solid 1px #E4E4E4;
		background: url(tm_design/arrow_mobile.png) no-repeat 97%;
	/*	font-size:90%;*/
	}
	.ul_span:active{
		background: #77B830 url(tm_design/arrow_mobile.png) no-repeat 97%;
		color:#fff;
	}
	ul.ulnav li ul{
		
		margin:0px 0px 0px 0px;
		padding:0px;
		background:#fff;
		z-index:10;
		width:100%;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		display:none;
	}
	ul.ulnav li ul li{
		display:list-item;
		list-style:none;
		text-align:right;
		float:none;
		width:100%;
	}
	ul.ulnav li ul li a{
		padding:3%;
		list-style:none;
		display:block;
		color:#333;
		font-size:14px;
	}
	ul.ulnav li ul li a:active{
		padding:3%;
		list-style:none;
		display:block;
		color:#fff;
		font-size:14px;
		background:#77B830;
	}
	ul.ulnav li ul li a:hover{
		padding:3%;
		list-style:none;
		display:block;
		color:#fff;
		font-size:14px;
		background:#77B830;
	}
	/* end ul */
	#div_cari{
		display:none;
		padding-top:3%;
		border-top:solid 1px #dedede;
	}
	.spr_ten{	
		padding-top:2%;
	}
	#idphone{	
		padding:10px 10px 10px 55px;
		background: #FFCC2F url(design/icip_phone_icon.png) no-repeat 5px center;
		border-top-left-radius:5px;
		border-bottom-left-radius:5px;
		float:left;
		color:#fff;
		height:20px;
		margin-left:20px;
	}
	
	.img_left{
		float:left;
		width:275px;
		height:200px;
		overflow:hidden;
		margin:0px 0px 20px 0px;
	}
	.img_right{
		float:right;
		width:275px;
		height:200px;
		overflow:hidden;
		margin:0px 0px 20px 0px;	
	}
	.head_slogan{
		font-style:italic;
		color:#5A9100;
		margin-bottom:2%;
		display:block;
	}
	.content_text{
		margin:2% 0%;
	}
	.content_text p{
		margin:0px 0px 10px 0px;
		line-height:22px;
	}
	.content_text div{
		margin:0px 0px 0px 0px;
		line-height:22px;
	}
	#footer_a{
		background:#181818;
	
	border-top:solid 1px #484848;
	font-size:12px;
	padding:4% 0%;
	border-bottom:solid 5px #E70506;
	}
	#footer_ab{
		background:#fafafa;
		padding:0% 0%;
		color:#fff;
	}
	#footer_b{
	background:#353535;
	
	color:#fff;
	padding:30px 0px;
}
	#footer_bg{
		background:#353535;padding:5% 0%;
		font-size:80%;
	}
	.dest_to_hide{
		display:none;
	}
	#sosmed_footer{
		padding-top:10px;
	}
	#wraper_phone{
		width:300px;
		float:right;
	}
	/* acom */
	#acomm_list{
		float:left;
		width:810px;
		padding:0px 200px;
	}
	
	.box_acomm{
		width:100%;
		float:left;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
	}
	.box_f{
		float:left;
		width:28%;
		padding:1%;
		background:#f5f5f5;
		box-shadow:0px 0px 5px #333;
	}
	.box_f_in{
		float:left;
		width:100%;
		overflow:hidden;
	}
	.box_f_in img{
		width:100%;
		float:left;
	}
	.box_f_text{
		float:left;
		width:66%;
		padding:0px 0px 0px 4%;
	}
	.cat_type{
		float:left;
		width:100%;
		padding:23px 0px 10px 0px;
	}
	a.judul_link{
		color:#333;
		font-size:20px;
		text-decoration:none;
	}
	a.judul_link:hover{
		color:#666;
		font-size:20px;
		text-decoration:none;
	}
	.acom_summary{
		width:100%;
		float:left;
		padding:2% 0% 3% 0%;
		overflow:auto;
	}
	.acom_summary p{
		line-height:16px;
		margin:0px 0px 10px 0px;
	}
	.acom_rate{
		width:100%;
		float:left;
		padding:0px 0px 10px 0px;
	}
	table#tblidrate{
		border:solid 1px #666;
		border-collapse:collapse;	
	}
	table#tblidrate td{
		border:solid 1px #666;
		border-collapse:collapse;	
		padding:5px;
		
	}
	a.read_more{
		color:#A44823;
	}
	a.read_more:hover{
		color:#A44823;
		text-decoration:underline;
	}
	.gal_thumb_accom{
	width:200px;
	height:133px;
	float:left;
	padding:5px;
 	box-shadow:0px 0px 5px #666;
	margin:0px 26px 26px 2px;
	background:#f5f5f5;
}
.gal_thumb_accom_r{
	width:200px;
	height:133px;
	float:left;
	padding:5px;
 	box-shadow:0px 0px 5px #666;
	margin:0px 26px 26px 2px;
	background:#f5f5f5;
}
.gal_thumb_accom_in{
	width:200px;
	height:133px;
	overflow:hidden;
	float:left;
	
}
	.tsubmit{
		padding:5px 10px;
		background:#C4A252;
		width:180px;
		text-align:center;
		height:40px;
		border:solid 1px #A44823;
		color:#fff;
		border-radius:6px;
	}
	.tsubmit:hover{
		padding:5px 10px;
		background:#333;
		width:180px;
		text-align:center;
		height:40px;
		border:solid 1px #A44823;
		color:#fff;
		border-radius:6px;
		cursor:pointer;
	}
	/* acom */
	/* gallery */
	
	.gal_thumb{
		width:100px;
		height:66px;float:left;
		/*padding:5px;box-shadow:0px 0px 5px #666;
		border-radius:6px;*/
		margin:0px 10px 10px 0px;
		background:#484848;
	}
	.gal_thumb_r{
		width:200px;
		height:132px;float:left;
		padding:5px;box-shadow:0px 0px 5px #666; 
		border-radius:6px;
		margin:0px 0px 22px 0px;
	}
	.gal_thumb_in{
		width:100px;
		height:66px;float:left;
		overflow:hidden;
		
	}
	.gal_thumb_in img{
		width:100%;
	}
	/* end gallery */
	/* paging  */
	.paging {
	padding:5px;
	text-align  : center;	
	font-size   : 12px;	

}
.paging a
{
	padding:6px 10px 6px 10px;
	margin:4px;
	border              : 0px solid #77B830;
	text-decoration     : none; 
	font-size			:12px;
	color				:#bfbfbf;
	background:#353535;
	border-radius:4px;
	float:left;
	
}
.paging a:hover
{
	border           : 0px solid #20110C;
	background-color : #f5f5f5;
	color			 : #333;
	
}
.paging span.current
{
	padding:6px 10px 6px 10px;
	margin:4px;
	color			 :#333;
	border           : 0px solid #666;
	background-color : #f5f5f5;
	border-radius:5px;	
	float:left;
}

.paging span.disabled
{
	padding:6px 10px 6px 10px;
	margin:4px;
	border       : 0px solid #dedede;
	color        : #666;
	 
	 
	border-radius:5px;
	background-color : #ccc;
	float:left;
}
/* paging */
	.bottom_line{
		border-bottom:solid 1px #484848;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	/* set artikel */
	.iddetail_news{
		float:left;
		width:100%;
	}
	.list_article{
		margin-bottom:15px;
		border-bottom:solid 1px #ddd;
		padding-bottom:15px;
	}
	.img_page{
		float:left;
		margin:0px 15px 20px 0px;
	}
	.link_thumb{
		font-size:100%;
	}
	.set_bg_leisure{
		margin-bottom:5%;
		border-bottom:solid 1px #eee;
		padding-bottom:8%;
	}
	.set_img{
		
		float:left;
		width:70px;height:70px;
	/*	box-shadow:0px 1px 4px 1px #ccc;*/
		padding:3px;	
	}
	.set_img_in{
		float:left;width:70px;height:70px;
		overflow:hidden;text-align:center;
		 
	}
	.box_summary{
		width:70%;height:auto;float:left;padding: 0px;
		margin-left:2%;
	}
	p.p_summary{
		padding:5px 0px;margin:2px 0px;text-align:left;
		line-height:25px;
		font-size:14px;
	}
	
	a.read_more_ar{
		font-size:13px;
		color:#fff;
		padding:10px 15px;
		text-decoration:none;
		display:inline-block;
		background:#5C9000;
	}
	a.read_more_ar:hover{
		color:#77B830;
		text-decoration:none;
	}
	a.read_more_f{
		font-size:11px;
		color:#77B830;
		text-decoration:none;
	}
	a.read_more_f:hover{
		color:#333;
	}
	.padding_top{
		padding-top:20px;
	}
	.padding_bottom{
		padding-bottom:3%;
	}
	/*end artikel */
	/* form */
	#idform_contact{
	 
	}
	.box_input{
		padding:0px 0px 1% 0px;
		margin:0px 0px 1% 0px;
		
		float:left;
		width:100%;
	}
	.box_input_no{
	
		padding:0px 0px 10px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		width:100%;
	}
	.label{
		float:left;
		width:100%;
		padding-bottom:2%;
	}
	.field{
		float:left;
		width:100%;	
	}
	.input_captcha{
		width:145px;
		padding:5px;
		background:#f5f5f5;	
		border:solid 1px #BCBCBC;	
	}
	.input_field{
	
		width:94%;
		border:solid 1px #999;
		padding:2%;
	}
	.b_field_input{
		width:94%;
		padding:1.5%;
		 border:solid 1px #BCBCBC;	
		background:#f5f5f5;	
	 }
	.titik_koma{
		display:none;
	}
	.input_field_b{
		float:left;
		width:330px;
		border:solid 1px #999;
		padding:5px;
	}
	.spr_ten{
		height:10px;
	}
	.spr_lima{
		height:5px;
	}
	.tombol{
		border-radius:4px;
		border:0px;
		background:#333;
		color:#fff;
		padding:4px 8px;
		border:solid 1px #666 !important;
	}
	.tombol:active{
		cursor:pointer;
		background:#333;
		color:#fff;
	}
	.tombol_kirim{
		border-radius:4px;
		border:0px;
		background:#D1DEE2;
		color:#333;
		padding:4px 8px;
		border:solid 1px #333;
	}
	.tombol_kirim:hover{
		cursor:pointer;
		background:#333;
		color:#fff;
	}
	.tombol_delete{
		border-radius:4px;
		border:0px;
		background:#B70000;
		border:solid 1px #B70000 !important;
		color:#fff;
		padding:4px 8px;
	}
	.tombol_delete:hover{
		cursor:pointer;
		background:#333;
		color:#fff;
		
	}
	.tombol_big{
		border-radius:4px;
		border:0px;
		background:#333;
		color:#fff;
		padding:4px 8px;
	}
	.tombol_big{
		cursor:pointer;
		background:#666;
		color:#fff;	
	}
	.err_input{
		color:#f00;
		/*font-size:90%;*/
			padding-top:2%;
	}
	.contact_left{
		float:left;
		width:100%;		
	 
	}
	.contact_right{
		float:left;
		width:100%;			
	}
	/* end form */
	#left_content_acom{
		float:left;
		width:574px;
		height:auto;
	}
	#right_content_acom{
		float:left;
		width:630px;
		height:auto;
		
	}
	
	.desktop_hide{
		display:none;
	}
	.box_footer{
		float:left;
		width:400px;
	
	}
	.box_footer_b{
		float:left;
		width:400px;
		margin:0px 50px;
	}
	.label_footer{
		float:left;
		width:70px;
	}
	.spr_footer{
		float:left;
		width:10px;	
	}
	.field_footer{
		float:350px;
		float:left;
	}
	.thumb_img{
		float:left;
		width:120px;
		height:80px;
		border:solid 1px #3b3b3b;
		margin:0px 10px 10px 0px;
	}
	.thumb_img_r{
		float:left;
		width:120px;
		height:80px;
		border:solid 1px #3b3b3b;
		margin:0px 0px 10px 0px;
	}
	.header_footer{
		font-weight:bold;
	}
	.t_title_menu{
		font-size:20px;
	}
	.box_gallery{
		width:1190px;
		float:left;
		padding:0px 55px;
	}
	.thumb_img_in{
		float:left;
		width:120px;
		height:80px;
		overflow:hidden;
	}
	/* new here */
	.menu_cat{
		width:100%;
		float:left;
	}
	.list_content{
		float:left;
		width:100%;
		padding:4% 0%;
	}
	.box_header{
		font-size:140%;
		color:#000;
	}
	ul.ulcat{
		margin:0px;
		padding:0px;
	}
	ul.ulcat li{
		list-style:none;
		margin:0pd;
		padding:0px 0px 0px 25px;
		background:url(tm_design/ico_menu.png) no-repeat 0px 10px;
		border-bottom:solid 1px #eee;
	}
	ul.ulcat li a{
		display:block;
		padding:8px 0px;
		font-size:16px;
		color:#7d7d7d;
		
		/*background:url(tm_design/ul.png) no-repeat right -5px;*/
	}
	ul.ulcat li a:hover{
		
		/*color:#5B9000;*/
		color:#fff;
		background: #589200;/* url(tm_design/ul.png) no-repeat right 15px;*/
		text-indent:10px;
	}
	
	#cat_only{
		padding-bottom:6%;
	}
	.border_bottom{
		border-bottom:solid 1px #eee;
	}
	.border_all{
		border:solid 1px #eee;
	}
	#our_address{
		/*width:90%;*/
		float:left;
		padding:5%;
		background:#4A7700;
		color:#fff;
		font-size:18px;
		margin-top:14%;
	}
	#text_address{
		/*width:90%;*/
		float:left;
		padding:5%;
		background:#5A9100;
		color:#fff;	
	}
	#header_mid{
		font-size:140%;
		padding:4% 0%;
		color:#000;
	}
	/* end new here */
	.float_left{
		float:left;
	}
	.float_right{
		float:right;
	}
	#box_fb{
		width:100%;	
	}
	#box_fb img{
		width:100%;
	}
	
	#box_artikel{
		float:right;
		width:100%;	
		padding-top:16%;
	}
	.tumb_wraper{
		padding-bottom:3%;
		margin-bottom:3%;
	}
	.box_timage{
		width:100px;
		height:100px;
		display:none;
	}
	.box_timage_in{
		width:100px;
		overflow:hidden;
		height:100px;
	}
	.box_ttext{
		width:100%;
	}
	.box_tdate{
		color:#999999;
		padding-bottom:2%;
		font-size:80%;
	}
	.box_ttitle{
		padding-bottom:0%;
	}
	a.link_title_article{
		color:#333333;
		font-size:85%;
	}
	a.link_title_article:hover{
		color:#589200;
	}
	.box_tsummary{
		color:#7D7D7D;
		display:none;
	}
	
	.ishover:hover{
		cursor:pointer;
	}
	.input_ftext{
		padding:5px;
	}
	.border_all{
		border:solid 1px #ddd;
	}
	#box_cari{
		padding-top:6px;
	}
	#outter_cat{
		background:#fff;padding:8% 0%;
	}
	
	.box_timage_sear{
		width:100px;
		height:70px;
	}
	.box_timage_in_sear{
		width:100px;
		overflow:hidden;
		height:70px;
	}
	/* ul nav footer */
	ul.ulnav_footer{
		margin:0px;
		padding:0px;
	}
	ul.ulnav_footer li{
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
		display:block;
		width:50%;
		float:left;	
		
	}
	ul.ulnav_footer li.selected{
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
		display:inline;	
		float:left;	
		border-bottom:solid 2px #FF7F00;
	}
	ul.ulnav_footer li.ul_spr{
		width:1px;
		padding:20px 15px;
		display:inline;
		display:none;
		
	
	}
	ul.ulnav_footer li.ul_spr:hover{
		border-bottom:0px;
	
	}
	ul.ulnav_footer li a{
		display:block;
		font-size:140%;
	 
		padding:10px 22px;
		color:#fff;
		margin:0% 1%;
		border-bottom:solid 1px #484848;
	}
	ul.ulnav_footer li a:hover{
		color:#ccc;
		text-decoration:none;
		background:#484848;
	}
	ul.ulnav_footer li.li_last a{
		padding:2% 0%;
		list-style:none;
		display:block;
		color:#666;
		font-size:140%;
		border-bottom:solid 1px #f5f5f5;
	}
	ul.ulnav_footer li.li_last a:hover{
		color:#fff;
		text-decoration:none;
		background:#C4A252;
	}
	ul.ulnav_footer li.ul_down_arrow{
		background: url(tm_design/arrow_down_a.png) no-repeat right 19px;
		padding:12px 15px 12px 0px;
		list-style:none;
		display:inline-block;
		color:#666666;
		font-size:14px;
	}
	ul.ulnav_footer li.ul_down_arrow:hover{
		cursor:pointer;
		color:#77B830;
		background: url(tm_design/arrow_down_a.png) no-repeat right 19px;
		border-bottom:solid 2px #FF7F00;	
	}
	/* end ulnav footer*/
	.lheight_10{
		height:10px;
		width:100%;
		float:left;
	}
	.gal_index{
		width:202px;
		height:134px;
		float:left;
		padding:4px;
		box-shadow:0px 0px 5px #666;
		margin:0px 22px 22px 2px;
		background:#f5f5f5;
	}
	.gal_index_r{
		width:202px;
		height:134px;
		float:left;
		padding:4px;
		box-shadow:0px 0px 5px #666;
		margin:0px 0px 22px 2px;
		background:#f5f5f5;
	}
	.gal_index_in{
		width:202px;
		height:134px;
		overflow:hidden;
		float:left;	
	}
	.gal_index_in img{
		width:100%;
	}
	.search_box{
		background:#2C2C2C;
		width:96%;
		float:left;
		padding:2%;	
		margin-bottom:3% !important;
	}
	.google_search_box{
		width:300px;
	}
	.addthis_box{
		width:240px;
	padding-top:12px;
	padding-left:10px;

	}
	.box_gtranslate{
			text-align:right;
	}
	
	.sub_menu_home{
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:solid 1px #484848;
		float:left;
		width:100%;
	}
	.sub_menu_home a{
		display:block;
		background:#484848;
		padding:10px 22px;
		color:#BFBFBF;
		margin-right:12px;
		border:solid 1px #484848;
	}
	.sub_menu_home a:hover{
		background:#333333;
		color:#858585;
	}
	.sub_menu_home a.last{
		display:block;
		background:#484848;
		padding:10px 22px;
		color:#BFBFBF;
		margin-right:0px;
		border:solid 1px #484848;
	}
	.sub_menu_home a.last:hover{
		background:#333333;
		color:#858585;
	}
	.img_deft_page{
		float:left;
		margin:0% 4% 4% 0%;
		width:200px;
		height:170px;
	}
	.img_deft_page img{
		width:100%;
	}
	.sub_menu_home{
		padding-bottom:2%;
		margin-bottom:3%;	
		width:100%;
		float:left;	
	}
	.sub_menu_home a{
		display:block;
		background:#484848;
		padding:2% 4%;
		color:#BFBFBF;		
		border-bottom:solid 1px #676767;
		/*font-size:90%;*/
		width:92%;
	}
	.sub_menu_home a:hover{
		background:#333333;
		color:#858585;
	}
	.sub_menu_home a.last{
		display:inline-block;
		background:#484848;
		padding:2% 4%;
		color:#BFBFBF;		
		border-bottom:solid 1px #676767;
		/*font-size:90%;*/
		width:92%;
	}
	.sub_menu_home a.last:hover{
		background:#333333;
		color:#858585;
	}
	#mid_content_b{
		padding:4% 0%;
		background:#353535;
		border-top:solid 1px #484848;
	}
	.walking_img{
		padding-bottom:4%;
		display:none;
	}
	.img_xy{
		display:none;
	}
	.img_xy_active img{
		width:14%;
		margin:0% 2% 2% 0%;
	}
	.img_xy_active{
		display:block;
	}
	.img_xy img{
		width:14%;
		margin:0% 2% 2% 0%;
	}
	.walking_img_just_mobile{
		display:block;
		padding-bottom:4%;
		 
	}
	
	.project_kami_home{
		width:92%;
		float:left;
		background:#2c2c2c;
		padding:4%;
		margin-bottom:4%;
	}
	.project_kami_gallery{
		width:92%;
		float:left;
		background:#2c2c2c;
		padding:4%;
		margin-bottom:2%;
	}
	.text_our_project{
		width:100%;	 
	}
	.div_cmb_a{
		width:100%;
		margin-bottom:1%;
	}
	.div_cmb{
		width:100%;
		float:right;
	}
	.sc_pro{
		background:#353535;
		border:solid 1px #484848;
		padding:2%;
		color:#bfbfbf;
		width:95%;
	}
	.cmb_box_jump{
		width:100%;	
		padding-top:2%;
	}
	
	/* set artikel */
.iddetail_news{
	float:left;
	
}
.list_article{
	margin-bottom:2%;
	border-bottom:solid 1px #ddd;
	padding-bottom:2%;
}
.img_page{
	float:left;
	margin:0px 15px 20px 0px;
}
.link_thumb{
	font-size:16px;
	color:#bfbfbf;
}
.link_thumb:hover{
	color:#fff;
}
.set_bg_leisure{
	margin-bottom:30px;
	border-bottom:solid 1px #eee;
	padding-bottom:30px;
}
.set_artikel_home{
	width:100%;
	float:left;
	
}
.set_artikel_home_r{
	width:100%;
	float:right;
}
.set_img{
	
	float:left;
	width:100px;height:100px;
/*	box-shadow:0px 1px 4px 1px #ccc;*/
background:#484848;
 	
}
.set_img_in{
	float:left;width:100px;
	overflow:hidden;text-align:center;
}
.box_summary_home{
	width:64%;height:auto;float:left;padding: 0px;
	margin-left:2%;
	font-size:14px;	
}
.box_summary{
	width:64%;height:auto;float:left;padding: 0px;
	margin-left:2%;
 
}
 
p.p_summary{
	padding:5px 0px;margin:2px 0px;text-align:left;
	line-height:25px;
	font-size:14px;
}

a.read_more_ar{
	font-size:13px;
	color:#fff;
	padding:10px 15px;
	text-decoration:none;
	display:inline-block;
	background:#5C9000;
}
a.read_more_ar:hover{
	color:#77B830;
	text-decoration:none;
}
a.read_more_f{
	font-size:12px;
	text-decoration:none;
}
a.read_more_f:hover{
	color:#ccc;
}
.padding_top{
	padding-top:20px;
}
.padding_bottom_15{
	padding-bottom:6px;
}
.padding_bottom_b{
	padding-bottom:8px;
}
.padding_bottom_c{
	padding-bottom:12px;
}
.padding_bottom_d{
	padding-bottom:18px;
}
.padding_top6{
	padding-top:6px;
}
.text_tgl{
	padding:6px 0px;
	font-size:12px;
	color:#EEAE04;
}
/*end artikel */
.padding_bottom_a{
	padding-bottom:1%;
}
.padding_bottom_15{
	padding-bottom:1.5%;
}
.padding_bottom_b{
	padding-bottom:2%;
}
.padding_bottom_c{
	padding-bottom:4%;
}
.padding_top6{
	padding-top:6px;
}
.link_int_footer{
	line-height:26px;
}
.link_int_footer a{
	font-size:15px;
	display:inline-block;
	padding:0px 6px;
}
.float_right_rev_m{
		float:right;
	}

/* Gallery Styles crolling img */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 150px; /* Set to gallery height */
}

#motioncontainer a img {
border: none;
padding:10px 5px 10px 5px;
 /* Set image border color */
}

#motioncontainer a:hover img {
/* border: 1px solid navy;  Set image border hover color */
border: none;
padding:10px 5px 10px5px;

}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
/* new */
.box_judul_service{
	width:96%;
	padding:2%;
	float:left;
	background:#2C2C2C;
	margin-bottom:2%;
}
.sub_ser_left{
	width:30%;
	float:left;
	padding-top:1%;
}
.sub_ser_right{
	width:70%;
	float:right;
}
.sub_ser_left_b{
	width:30%;
	float:left;
	padding-top:1%;
}
.sub_ser_right_b{
	width:70%;
	float:right;
}
.sc_pro_srv{
	width:98%;
	background:#f5f5f5;
}
.padding_all5{
	padding:1%;
}	
/* jproduk jasa supplier */
.box_nya{
	float:left;
	width:138px;
	margin:0px 10px 10px 0px !important;
	padding-bottom:4px;			 
} 
.thumb_supplier_o{
	width:130px;height:130px;float:left;
	padding:4px !important;
	border-bottom:solid 1px #484848;
			text-align:center;
			 
}
.thumb_supplier{
	width:130px;height:130px;float:left;
	overflow:hidden;
}
.frm_supplier{
width:140px;height:auto;float:left;text-align:center; 
/* font-size:90%;*/
}
.code{
	padding:1% 0%;
}
/* edn */
.box_link_copas{
	padding:2%; border:solid 1px #999999; width:96%; float:left;
}
.box_link_copas{
	padding:2%; border:solid 1px #999999; width:94%; float:left;
}
.copas{
	 width:97%;background:#cccccc;
	 border:0px;
	 padding:1%;
	 height:100px;
	 
}
.link_partner{
	float:left;
	width:100%;
	margin-bottom:30px;
	
}
.link_partner_related{
	float:left;
	width:100%;	
}
.gallery_wrap{
	width:62%;
	float:left;
	padding:0% 19%;
}
.gallery_thumb{
	width:44%;
	padding:1%;
}
.gallery_thumb img{
	width:100%;
}
.gallery_judul a{
	display:block;
	padding:2% 0%;
	text-align:center;
	background: #666;
	color:#ccc;
	font-size:18px
}
.gallery_judul a:hover{
	background:#333333;
}
.set_img_home{
 
	float:left;
	width:100px;height:100px;
/*	box-shadow:0px 1px 4px 1px #ccc;*/
	padding:5px;	
	background:#484848;
	 
}
.set_img_in_home{
	float:left;width:100px;
	overflow:hidden;text-align:center;
}
.set_img_in_home img{
	width:100%;
}
} /* a1 */
@media screen and (max-width:740px){
	.google_search_box{
		width:100%;
		margin-bottom:2%;
	}
	.addthis_box{
		width:46%;
		padding-left:2%;
	}
	.box_gtranslate{
		width:48%;
		text-align:left;
		padding-top:6px;
	}
	.float_right_rev_m{
		float:right;
	}
	.kpr_right{
		float:right;
		width:100%;
	}
	.kpr_left{
		float:left;
		width:100%;
	}
	.link_kpr a{
		display:block;
		padding:2% 0%;	
		border-bottom:solid 1px #2c2c2c;
	/*	font-size:90%;*/
	}
	.link_kpr a:hover{
		background:#2c2c2c;
	}
	.img_xy{
		display:none;
	}
	.img_xy_active img{
		width:30%;
		margin:0% 2% 2% 0%;
	}
	.img_xy_active{
		display:block;
	}
	.img_xy img{
		width:30%;
		margin:0% 2% 2% 0%;
	}
	.inq_ket{
		width:70%;
		float:left;
		padding:0% 2%;
	}
	.inq_exe{
		width:70%;
		float:left;
		 
		padding:2%;
	}
}
@media screen and (max-width:480px){
	.inq_ket{
		width:96%;
		float:left;
		padding:2%;
	}
	.inq_exe{
		width:960%;
		float:left;
 
		padding:2%;
	}
	.img_xy{
		display:none;
	}
	.img_xy_active img{
		width:30%;
		margin:0% 2% 2% 0%;
	}
	.img_xy_active{
		display:block;
	}
	.img_xy img{
		width:30%;
		margin:0% 2% 2% 0%;
	}
	.gal_index{
		width:130px;
			height:86px;
		float:left;
		padding:4px;
		box-shadow:0px 0px 5px #666;
		margin:0px 14px 14px 2px;
		background:#f5f5f5;
	}
	.gal_index_r{
		width:130px;
		height:86px;
		float:left;
		padding:4px;
		box-shadow:0px 0px 5px #666;
		margin:0px 0px 14px 2px;
		background:#f5f5f5;
	}
	.gal_index_in{
		width:130px;
			height:86px;
		overflow:hidden;
		float:left;	
	}
	.gal_index_in img{
		width:100%;
	}
	.img_deft_left{
		float:left;
		width:100%;
	}
	.img_deft{
		float:left;
		width:100%;
		text-align:center;
	}
	.img_deft img{
		width:100%;		
	}
	/* acom */
	#acomm_list{
		float:left;
		width:810px;
		padding:0px 200px;
	}
	
	.box_acomm{
		width:100%;
		float:left;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
	}
	.box_f{
		float:left;
		width:68%;
		padding:1%;
		margin:0% 16%;
		background:#f5f5f5;
		box-shadow:0px 0px 5px #333;
	}
	.box_f_in{
		float:left;
		width:100%;
		overflow:hidden;
	}
	.box_f_in img{
		width:100%;
		float:left;
	}
	.box_f_text{
		float:left;
		width:100%;
		padding:6% 0%;
		text-align:center;
	}
	.cat_type{
		float:left;
		width:100%;
		padding:23px 0px 10px 0px;
	}
	a.judul_link{
		color:#333;
		font-size:20px;
		text-decoration:none;
	}
	a.judul_link:hover{
		color:#666;
		font-size:20px;
		text-decoration:none;
	}
	.acom_summary{
		width:100%;
		float:left;
		padding:2% 0% 3% 0%;
		overflow:auto;
	}
	.acom_summary p{
		line-height:16px;
		margin:0px 0px 10px 0px;
	}
	.acom_rate{
		width:100%;
		float:left;
		padding:0px 0px 10px 0px;
	}
	table#tblidrate{
		border:solid 1px #666;
		border-collapse:collapse;	
	}
	table#tblidrate td{
		border:solid 1px #666;
		border-collapse:collapse;	
		padding:5px;
		
	}
	a.read_more{
		color:#A44823;
	}
	a.read_more:hover{
		color:#A44823;
		text-decoration:underline;
	}
		.gal_thumb_accom{
			width:130px;
			height:86px;
			float:left;
			padding:5px;
			box-shadow:0px 0px 5px #666;
			margin:0px 14px 14px 2px;
			background:#f5f5f5;
		}
		.gal_thumb_accom_r{
			width:130px;
			height:86px;
			float:left;
			padding:5px;
			box-shadow:0px 0px 5px #666;
			margin:0px 14px 14px 2px;
			background:#f5f5f5;
		}
		.gal_thumb_accom_in{
			width:130px;
			height:86px;
			overflow:hidden;
			float:left;
			
		}
		.gal_thumb_accom_in img{
			width:100%;
		}
	/* acom */
	.google_search_box{
		width:100%;
		
	}
	.addthis_box{
		width:96%;
		padding-left:2%;
		padding-right:0%;
		display:none;
		padding-top:6px;
		text-align:center;
	}
	.box_gtranslate{
		width:48%;
			text-align:right;
	}
	
	.sub_menu_home{
		padding-bottom:2%;
		margin-bottom:3%;	
		width:100%;
		float:left;	
	}
	.sub_menu_home a{
		display:block;
		background:#484848;
		padding:2% 4%;
		color:#BFBFBF;		
		border-bottom:solid 1px #676767;
		/*font-size:90%;*/
		width:92%;
	}
	.sub_menu_home a:hover{
		background:#333333;
		color:#858585;
	}
	.sub_menu_home a.last{
		display:block;
		background:#484848;
		padding:2% 4%;
		color:#BFBFBF;		
		border-bottom:solid 1px #676767;
	 
		width:92%;
	}
	.sub_menu_home a.last:hover{
		background:#333333;
		color:#858585;
	}
	.float_right_rev_m{
		float:left;
	}
	.sub_ser_left{
		width:100%;
		float:left;
		padding-bottom:2%;
	}
	.sub_ser_right{
		width:100%;
		float:right;
		padding-bottom:2%;
	}
	.sub_ser_left_b{
		width:100%;
		float:left;
		padding-bottom:2%;
	}
	.sub_ser_right_b{
		width:100%;
		float:right;
		padding-bottom:2%;
	}
	.sc_pro_srv{
		width:98%;
		background:#f5f5f5;
	}
	.gallery_wrap{
		width:100%;
		float:left;
		padding:0% 0%;
	}
	.gallery_thumb{
		width:44%;
		padding:1%;
	}
	.gallery_thumb img{
		width:100%;
	}
	.xscroll{
		display:inline-block;
		padding:2% 3%;
		margin:2%;
		background:#666;
		color:#f5f5f5;
	}
	/* site map */
	.width_48{
		width:100%;
	}
	.as_sub_map{
		padding-left:10px;
	}
	/* end site map */
	.box_bank_left{
		float:left;
		width:100%;
		padding:2% 0%;
		background:#2C2C2C;
		
	}
	.box_bank_right{
		float:left;
		width:100%;
		padding:2% 0%;
		background:#2C2C2C;
		margin:2% 0% 1% 0%;
	}
}
@media screen and (max-width:360px){
	
}
ul.ul_another{
	margin:0px;
	padding:0px;
}
ul.ul_another li{
	list-style:none;
}
ul.ul_another li a{
	font-size:18px;
	display:inline-block;
	padding:2px 0px;
}
.border_all_grey_b{
	border:solid 1px #484848;
}
.input_order_dtl{
	background:#333; height:22px; border:solid 1px #484848;padding:0px 12px;
	color:#bfbfbf;
	border-radius:4px;
}
.input_order_dtl:hover{
	cursor:pointer;
	color:#bfbfbf;
	background:#666;
}
.input_order_dtl:active{
	cursor:pointer;
	color:#bfbfbf;
	background:#666;
}
.spanwa{
	display:inline-block;
	background:url(../tm_design/wa.png) no-repeat 0px 7px;
	padding:2px 0px 4px 37px;
	margin-right:15px;
}