.boxFocus { margin-bottom:15px; min-height:400px;}
.boxFocus .name { text-transform:uppercase; font-size:16px;}
.s_category {padding-top:11px; text-transform:none; font-size:12px; } 

.noproject {color:#F00;
	text-align:center;
	padding:15px;}
/************************************* CSS FOR SHOW project *******************************/

#List_View { 
	padding:0px; 
}
.floatImgPro {
	margin-top:2px;
	margin-left:120px;
	position:absolute;
}
 
.footerNav .showNum{
	padding-top:10px;
}
/*----------------- VIEW 1 ----------------*/
#List_View .View1 {
  float:left;  
	width:100%;   
}
#List_View .last { border-bottom:none;  margin-bottom:0px;}

#List_View div.View1 div.item{ margin-bottom:15px;}
#List_View div.View1 div.item.last { margin-right:0px;}
 
#List_View .View1 div.item .boxItem {
	max-width:220px;
	min-height:200px; 
	margin:0px auto;
}

#List_View .View1 .img {  	 
	text-align:center; 
	overflow:hidden;
	/*width:220px;  
	height:147px;*/
}
#List_View .View1 .img img { width:100%;}

#List_View .View1 h3 {
  padding:5px 0px; 
	font-weight:bold;  
}
#List_View .View1 .short {color:#888888;}
#List_View .View1 h3 a {}
#List_View .View1 h3 a:hover { 
  text-decoration:none;
}



#List_View .View1 .address {
	font-size:11px;
	color:#888888; 
}
#List_View .View1 .maso {
	font-weight:bold;
	padding-top:5px;
}
#List_View .View1 .price {
	color:#c82d33 ;
	font-weight:bold;
	text-align:left;
}
#List_View .View1 .price_old {
	color:#333333;
	font-weight:normal;
	text-decoration:line-through;
}
 

/*----------------- VIEW 2 ----------------*/
 
#List_View .View2 {
  padding:0px 2px;  
}
#List_View .col1{
	background:url(../img/bg_project.gif) no-repeat center bottom;
	padding-top:15px;
	padding-bottom:25px;
}
#List_View .col2{
	background:url(../img/bg_project.gif) no-repeat center bottom;
	padding-top:15px;
	padding-bottom:25px;
}
#List_View .col_select{
	background:#F4EAD2;
}
 

#List_View .View2 h3 {
	background:url(../img/hr_title_project.gif) no-repeat left bottom;
	font-weight:bold;
	padding:5px 0px;
	margin-bottom:5px;
}
#List_View .View2 h3 a{color:#0095e7;}
#List_View .View2 h3 a:hover { color:#599b00; text-decoration:none;}
#List_View .View2 .img{
	border:1px solid #ccc;
	padding:1px;
	text-align:center;

}
#List_View .View2 .check{
	float:left;
	width:25px;
	padding-top:80px;
	text-align:center;
	vertical-align:middle;
}

#List_View .View2 .maso{
	margin:0px;
	padding:0px;
	color:#CC0000;
	font-weight:bold;
}

#List_View .View2 .hr{
	height:1px;
	background:url(../img/hr.gif) center repeat-x;
	padding:1px;
}

#List_View .noproject {
	padding:50px;
	text-align:center;
	color:#ff0000;
}



.font_keyword{
	background-color: yellow; 
	color: red; 
	font-weight: bold;
}
.font_keyword a {
	background-color: yellow; 
	color: red; 
	font-weight: bold;
}


.box-interest-rate {
	background:#efefef;
	margin-bottom:15px;	
	border:1px solid #cecece;
	padding:10px 0px;
}
.box-interest-rate .rate-title {
	border-bottom:1px solid #cecece;	
	padding:0px 10px;
	margin-bottom:10px;
	padding-bottom:10px;
	color:#d51616;
	font-size:14px;
	line-height:25px;
	text-transform:uppercase;
	font-weight:bold;	
}
.box-interest-rate .credit-form {
	padding:0px 10px;	
}
.box-interest-rate .credit-form span { font-weight:bold;}
.box-interest-rate .credit_price { margin-right:10px;}
.box-interest-rate .credit_month  { margin-right:10px;}
.box-interest-rate .credit_rate { }
.box-interest-rate .credit-form .form-control { display:inline-block;}
.box-interest-rate .credit_button {}
/*********** DETAIL **********/
#divInfo{ }
 
#divInfo .fTitle { font-size:24px; font-weight:normal; color:#d51616 ; padding-bottom:5px; line-height:30px;} 
#divInfo .info_top {  margin-bottom:10px;}
#divInfo .info_top .address  { color:#656464  ; font-size:11px;}
#divInfo .info_top .share { text-align:right;}

 
/* Skin TAB */

.nav-tabs {  position: relative;   border-bottom:none;    border-left:1px solid #04336e; z-index:1;   } 
.nav-tabs > li { margin-bottom: 0px;  }

.nav-tabs > li > a  {
	display: block;
	line-height:34px;
	background:#044596;
	color: #fff;
	text-align: center;
	text-decoration: none;	
	padding:0px 7px;
	position:relative;
	border:#04336e solid 1px; 
	border-left:none  ;

	font-weight:normal;
	margin-right:0px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
} 
.nav-tabs > li.active { }
  
.nav-tabs > li > a:hover {
  color: #fff;
  background-color: #053174;
  border: 1px solid #04336e;  
	border-left:none !important;
}
.nav-tabs > li.active {  }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {	 
  color: #fff;
  cursor: default;
  background-color: #053174;
  border: 1px solid #04336e;  
	border-left:none !important;
}

.nav-tabs > li.dropdown {  }
.nav-tabs > li .dropdown-toggle {
 	padding:0px 0px;
	display: block;
	width:20px;
	text-align:center;
	line-height:34px; 
	background:#044596;
	border: 1px solid #04336e;
	color: #d51616;
	
}
.nav-tabs > li a.dropdown-toggle:hover {
	background:#053174;
	border:#04336e solid 1px;

}
.nav-tabs > li .dropdown-menu .active a {
		background:#044596;
}


.tab-content {
	padding:10px 0px;
}


 
#divInfo .desc img { max-width:650px;}

.picDetail { margin-bottom:10px;  } 
.picDetail .img-detail img { width:100%; }

.tblInfo {}
.tblInfo .row0 {}
.tblInfo .row1 td { background:#f7f7f7;}



#divInfo .colInfo1 {
	padding: 4px; 
	font-weight:bold 
}

#divInfo .colInfo2 {
	padding: 4px;	
}


#accordion {}
#accordion .panel-heading { padding: 5px 15px !important; background:#044597 !important}
#accordion .panel-title a {display:block; font-weight:bold; text-decoration:none; color:#fed525 ; font-size:14px;  position:relative;}
#accordion .panel-title a.collapsed { color:#fff;}

#accordion .panel-title a::after {
	font-family:"FontAwesome" ;
	/*content:"\f063"	;*/
	content:"\f068"	;
	position:absolute;
	width:20px;
	right:-10px;
	font-size:14px;
}
#accordion .panel-title a.collapsed::after{
	/*content:"\f061"	;	*/
	content:"\f067"	;
	color:#fff;
}

.fDetail {   
	text-transform:uppercase;
	padding-bottom:10px;	
	font-weight:bold;
}
.desc ul {
	list-style:inherit;
	margin:0px;
	margin-left:15px;
}
.desc ol{
	list-style:decimal;
	margin:0px;
	margin-left:15px;
}


/*Item*/
.main-title {position:relative;}
.main-title .divR { width:380px ; position:absolute; right:0px; top:0; overflow:hidden; height:30px; text-align:right;}
.main-title .divR .selectbox { width:30%;  display:inline-block ;  margin-left:10px;}
.main-title .divR .select {  width:100%; padding:5px 10px;}

.ListItem { width:100%;}	
.ListItem .View {	 
	border-bottom:1px dotted #d9d9d9;	 
}
.ListItem .View .item {
	min-height:200px;	
}
.ListItem .View .item.last { border-right:none;	}

.ListItem .View .item .box-item {
	padding:10px 0px;
	padding-right:10px;
}
.ListItem .View .item.last .box-item {
	padding-right:0px;
	padding-left:10px;
}

.ListItem .View .item .box-item .div-img {
	width:130px;	
	float:left;	
}
.ListItem .View .item .box-item .div-info {
	margin-left:145px; 
}
.ListItem .View .item .box-item .div-img .img {
	border:1px solid #d5d5d5;
	padding:5px;	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.ListItem .View .item .box-item .div-order {
	padding:10px 0px;	
}
.ListItem .View .item .box-item .div-order .btnO  , .ListItem .View .item .box-item .div-order .btnB{
	width:100%;
	text-align:center;
}

.ListItem .View .item .box-item .name {
	color:#0469b9;
	font-weight:bold;
	margin-bottom:5px;	
}
.ListItem .View .item .box-item .div-price {
	margin-bottom:5px;	
}
.ListItem .View .item .box-item .div-price .price_old {
	color:#666666;
	text-decoration:line-through;
}
.ListItem .View .item .box-item .div-price .price {
	color:#d51616; 
	font-weight:bold;
}

.ListItem .View .item .box-item .text { margin-bottom:5px;	}

.ListItem .noItem { padding:20px; text-align:center; color:#ff0000}



.divOtherPro {position:relative;}
.divOtherPro .owl-controls {
	position:absolute;
	right:0px;
	top:-40px;	
}
.divOtherPro .owl-controls .owl-prev {
	background:url(../img/prev-1.gif) no-repeat				;
	width:30px;
	height:30px;
	text-indent:-999999px;
	display:inline-block;
	margin-right:5px;
}

.divOtherPro .owl-controls .owl-next {
	background:url(../img/next-2.gif) no-repeat;
	width:30px;
	height:30px;	
	text-indent:-999999px;
	display:inline-block;
}
.divOtherPro .owl-dots {display:none}

.divOtherPro .img { margin-bottom:5px;}
.divOtherPro .name {
  padding:5px 0px; 
	font-weight:bold;  
}
.divOtherPro .short {color:#888888;} 

.divOtherPro .address {
	font-size:11px;
	color:#888888; 
} 
 
  
.divOtherPro .noItem  { 
	padding:50px;
	text-align:center;
	color:#FF0000;
}

 
 

 
/*COMMENT*/
.boxComment { margin-bottom:15px; }
.fComment { 
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold; 
	padding-bottom:5px;
	margin-bottom:5px;
}  
	.form-comment {
		background:#f2f2f2;
		padding:10px;	
		margin-bottom:10px;
	}
	 .form-textarea {
			margin-bottom:10px; 
		}
	 .form-item {	overflow:hidden	 }
	  .item-name {   }
		.item-email  {  }
		.item-hidden-email { }
		.item-input  { text-align:right;}
		

 
#ext_comment {} 
.divCommentList{  }
.list_comment {
 	padding:5px 0px;	 
	display:block;	
	border-bottom:1px dotted #d4d4d4;
}
.list_comment .c-title {
	padding-bottom:5px;	
}
.list_comment .ctitle {font-weight:bold;	color:#882106;}
.list_comment .c-name {font-weight:bold; color:#3b5998; }
.list_comment .c-email	{color:#7c7c7c; font-weight:normal; font-size:11px;}
.list_comment .c-name a {color:#3b5998;}
.list_comment .c-desc {
	text-align:justify;
	padding:5px 0px;
	font-size:11px;
	font-family:Tahoma;
}
.list_comment .c-date	{color:#7c7c7c; font-weight:normal; font-size:11px;}

.vk-menu {padding:2px 0px;}

.boxComment .vnt-pagination { border-top:none} 
 
/* box search*/
.num_project{
	color:#fff;
}
.num_project b{
	font-size:30px;
	line-height:normal;
}
.toolSearch {
	padding:5px;
	margin-bottom:15px;
}
.toolSearch .title_search {color:#444444;
	font-size:22px;
	text-transform:uppercase;
	font-family:"customFont";
	padding-left:50px;
	padding-bottom:30px;
	padding-top:5px;}
.toolSearch .icon_glass {background:url(../img/magnifying_glass.png) no-repeat;
	width:45px;
	height:55px;
	position:absolute;
	top:-8px;
	left:10px;}
.toolSearch .tbl_search_project td{padding:5px 0;}
.toolSearch .btn_search {
	background:url(../img/btn_search_project.gif) repeat-x;
	width:130px;
	height:30px;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	line-height:30px;
	border:none;
	cursor:pointer;
	font-family:arial;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.57);
	-moz-box-shadow:    3px 3px 6px 0px rgba(50, 50, 50, 0.57);
	box-shadow:         3px 3px 6px 0px rgba(50, 50, 50, 0.57);
}
.toolSearch .btn_search span{
	display:block;
	line-height:30px;
	background:url(../img/icon_search-1.png) right no-repeat;
	padding-right:35px;
	padding-left:10px;
	
}
.toolSearch .textfiled {
	border:#fff solid 1px;
	color:#777777;
	padding-left:5px;
	line-height:28px;
	height:28px;
}
.toolSearch .select {
	border:#fff solid 1px;
	color:#777777;
	height:30px;
	line-height:30px;
	display:block;
	padding:6px 5px; 
}


.tools {
}

.tools a.print {background:url(../img/icon_print.gif) left no-repeat;
	padding-left:20px;
	color:#333;}
	
	
/* box focus project */

.focus_project li {border-bottom:1px dotted #CCC;
	padding-bottom:10px;
	margin-bottom:10px;}
.focus_project li.last {border-bottom:none;
	padding:0;
	margin:0}
.focus_project li .img {border:1px solid #CCC;
	padding:4px;
	width:100px;
	height:100px;
	margin-right:15px;
	float:left;}
	

/*Order*/

	
.boxForm {
	margin-bottom:20px;
}
	.shopping-title {
		font-size:16px;
		color:#d12040;
		font-weight:bold;
		text-transform:uppercase;
		line-height:22px;
		padding:10px 0px; 
	}
.boxForm .note-form { margin-bottom:10px; color:#666666; font-style:italic}
.boxForm .input-wrapper{ margin-bottom:10px;} 
.boxForm .item-label { width:30%;}
.boxForm .item-input { width:70%;}
	
	.validate {
			position: relative;
	}
	.validate label.checked {
			background: url("../index01.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.validate label {
			font-size: 11px;
			padding-bottom: 2px;
	}
	.validate input.error {
			border: 1px dotted #ff0000;
	}
	.validate textarea.error {
			border: 1px dotted #ff0000;
	}
	.validate label.error {
			color: #b70002;
			display: none !important;
			margin-left: -3px;
			padding: 5px;
	}
	.validate label.checked {
			background: url("../index01.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.validate #filed_security_code label.error {
			left: 100px !important;
	}
	
	.validate .div-agree label.error {
		background:url(../img/icon_error.gif) left no-repeat;
		display:inline-block	!important;
		position:absolute;
		right:-22px;
		top:2px;
		width:22px; height:22px;
	}
		
	
	.box-payment { padding:10px 0px}
	.list-payment {
		padding-top:10px;
	}
	.list-payment table {}
	.list-payment table td.td {
		padding:5px 0px;
		border-bottom:1px solid #e5e5e5;	
	}
	.list-payment table tr:last-child td.td { border-bottom:none;}
	.list-payment .name {  
		color:#0469b9;
		font-weight:bold;
		text-transform:uppercase;
		line-height:22px;
	}
	
.box-item-order {
	background:#4ab1fe;
	padding:10px;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;	
margin-bottom:15px;
}
.box-item-order .item-title {
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	line-height:30px;	
	font-weight:bold;
	padding:0px 10px;
}
.box-item-order .box-item{
	background:#fff;	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.box-item-order .box-item .item { padding:10px;  }
.box-item-order .box-item .img { width:80px; float:left}
.box-item-order .box-item .info  { margin-left:90px;}
.box-item-order .box-item .project-name  {  color:#0469b9; text-transform:uppercase; font-size:14px; font-weight:bold; margin-bottom:2px;}
.box-item-order .box-item .project-name a {  color:#0469b9;  }
.box-item-order .box-item .maso {}
.box-item-order .box-item .name {}
.box-item-order .box-item .div-price {}
.box-item-order .box-item .price { color:#d51616; font-weight:bold;}
.box-item-order .box-item .short { text-align:justify;   padding:10px; border-top:1px solid #e5e5e5;}
.box-item-order .box-item .div-price-order {
	border-top:1px solid #e5e5e5;
	padding:5px 10px;
	text-align:right;	
}
.box-item-order .box-item .div-price-order .price-order {
	color:#d51616;
	font-weight:bold;
	font-size:16px;	
}

.box-preference-policy { border:5px solid #ececec; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
padding:10px;	
	}
.box-preference-policy .preference-policy-title{
	color:#0469b9;
	font-size:14px;
	text-transform:uppercase;
	line-height:30px;
	font-weight:bold;	
}
.box-preference-policy .preference-policy-content{
		
}


.div-agree-button {
	padding:10px 0px; border-top:1px solid #e5e5e5;	
}

.div-agree-button .div-agree {position:relative;}






@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 800px) { 	
	.div-button { padding-top:10px; text-align:center;}

}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 668px) { 

	.box-interest-rate .credit_price { float:none; margin-bottom:10px;}
	.box-interest-rate .credit_price .form-control { width:240px !important;} 
	
	.item-name {  margin-bottom:10px;  }
		.item-email  { margin-bottom:10px;  }
		.item-hidden-email { margin-bottom:10px;  }
		.item-input  { text-align:center;}
		
	.box-items .main-title .divR {  top:40px; width:100%; text-align:center; }
	.box-items .main-title .divR .selectbox { margin:0px 5px;}
	.box-items .main-content	{padding-top:40px;}		
	
	.box-items .ListItem .item { 
		border-bottom: 1px dotted #d9d9d9;	
	}
	.box-items .ListItem .item.last { border-bottom:none;}
	
}

@media only screen and (max-width: 480px) {
	#List_View .View1 div.item .boxItem {
 		min-height:160px;  
	}
	
	
	
	.box-interest-rate .credit_price .form-control { width:130px !important;} 
	.box-interest-rate .credit_month , .box-interest-rate .credit_rate  { margin-bottom:10px;}
	.box-interest-rate .credit_button { float:none; margin-top:10px; text-align:center; clear:both;}
 
}

@media only screen and (max-width: 360px) {
	 .box-item-order .box-item .img {
		float:none;
		margin-bottom:10px;
		width:100%;	
	}
	.box-item-order .box-item .img img { width:100%;}
	.box-item-order .box-item .info {
		margin-left:0px;
	}
}

@media only screen and (max-width: 320px) {
	.box-items .main-title .divR .selectbox { margin:0px 3px;}
	
	
}