@font-face
{
	font-family:BebasNeue;
	src: url(../font/BebasNeue.otf);
}
body {
	font-size: 14px;
	margin: 0;
	color:#646464;
	font-family: Helvetica Neue, "Arial", Helvetica, sans-serif;
	background: url("../images/bg_body.jpg") top repeat-x #ffffff;
}
.size-980 .line {
  margin: 0 auto;
  width:980px;
  padding: 0 0.10em;
}
.size-1140 .line {
  margin: 0 auto;
  width:1140px;
  padding: 0 0.10em;
}
.line {
  clear: left;
}
h1 {
	font-size:30px;
	font-weight:normal;
	line-height:40px;
	color:#3a81af;
	text-transform:uppercase;
	font-family: 'BebasNeue';
	letter-spacing:1px !important;
}
h2 {
	font-size:22px;
	font-weight:normal;
	line-height:40px;
	color:#000;

}
h3 {
	font-size:18px;
	font-weight:normal;
	line-height:40px;
	text-transform:uppercase;
	letter-spacing:1px !important;
}
h4 {
	font-size:16px;
	font-weight:normal;
	line-height:40px;
	text-transform:uppercase;
	letter-spacing:1px !important;
}
p  {
	margin:0 0 1em;
	font-size:14px;
	line-height: 22px
}
a{
	color:#868686;
	text-decoration:none;
}
a:hover {
	color:#335699;
	text-decoration:none;
}
div.clear {clear:both;}
a img {
    border: 0;
}
.margin_left{
	margin-left:20px;
}
.margin_right{
	margin-right:20px;
}
.margin_top{
	margin-top:20px;
}
.margin_bottom{
	margin-bottom:20px;
}
.border_bottom{
	border-bottom:1px solid #e8e8ed;
}
.border_bottom_back{
	border-bottom:1px solid #adadad;
}
.left {
  float: left;
  margin-bottom: 10px;
}
.text_left{text-align:left;}
.right {
  float: right;
} 
.text_right{text-align:right;}
.blue{
	color:#0096cb;
}
ul{
	padding-left:40px;
	margin:0px 0px 30px 0px;
}
ul.lish_content {
	list-style-image: url('../images/sqpurple.png');
	padding: 0;
	margin-left: 30px;
	line-height:40px;
}

header, footer, slide, nav, section {
    display: block;
}
/*############## HEADER ##############*/
.header {
  display: table;
  padding: 0px;
  width: 100%;
  color:#FFFFFF;
  border-top:7px solid #08428c;
  background: url("../images/bg_header.png") repeat-y;
}
.logo{
	margin-top:20px;
}
.box_language{
	background:#08428c;
	color:#ffffff;
	padding:3px 10px;
	font-size:12px;
}
.text_language{
	margin:5px 5px 0px 0px;
	float:left;
}
.pic_language:hover{
	opacity:0.7;
	cursor:pointer;
}

/* #################### MENUBAR ####################*/
.box_menu{
	background: url(../images/bg_menu.png) repeat #ffffff !important;
	text-transform:uppercase;
	font-family: 'BebasNeue';
	padding:10px 0px;
	height:35px;
	width:100%;
}
img {
    max-width: 100%;
}
.menu { 
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu ul li {  
	float: left;
	overflow: hidden;
	position: relative;
	border-right:1px solid #0096cb;
}

.menu ul li.last {  
	float: left;
	overflow: hidden;
	position: relative;
	border:none;
}
.menu ul li a {
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	padding:10px 26px;
	font-size:28px;
	font-family: 'BebasNeue';
}
#menu_nav {
	padding:0px;
}
#menu_nav ul li a {
	color: #0096cb;
}
#menu_nav ul li a:hover {
	color: #165c9d;
}
.active{
	color: #165c9d !important;
}

/* #################### content  ####################*/
.content{
	width:100%;
	padding:0px;
}
.sildeshow{
	padding:10px 0px;
}
.promotion{
	margin:0px 17px 20px 0px;
}
.promotion_right{
	margin:0px 0px 20px 0px !important;
}
.promotion:hover{
	opacity:0.7;
	cursor:pointer;
}
.box_search{
	padding:20px 0px 20px 170px;
	background: url("../images/bg_search.png") repeat;
	border:1px solid #dfdfdf;
	height:150px;
	margin-bottom:30px;
	padding: 0 0 0 170px
}
.box_search_text{
	float:left;
	width:120px;
	line-height:40px;
}
.box_property_types{
	float:left;
	width:180px;
	margin-right:20px;
	line-height:40px;
}
.property_types{
	width:180px;
	padding:5px 10px;
	background:#ffffff;
	border:1px solid #bebebe;
}
.advace_search{
	margin:-1px 0px 36px 36px;
	background:#015092;
	color:#ffffff;
	text-align:center;
	height:40px;
	width:133px;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}
.advace_search:hover{
	background:#2f3131;
	color:#DFDFDF;
}
.box_find{
	background:#15619f;
	text-align:center;
	color:#ffffff;
	padding:10px;
	font-size:24px;
	cursor:pointer;
	margin-left:20px;
	width:100px;
	font-family: 'BebasNeue';
	letter-spacing:1px !important;
}
.box_find:hover{
	background:#0485f0;
}
.box_content{
	width:650px;
	float:left;
	margin-right:25px;
	display: block;
}
.box_content a{
	color:#5b5e5e;
	text-decoration:underline;
}
.box_content a:hover{
	color:#005195;
	text-decoration:underline;
}
.box_content_right{
	width:300px;
	float:right;
}
.box_content_left{
	width:270px;
	float:left;
	margin:10px 20px 20px 0px;
}
.inquiry_now{
	background:#e97d14;
	color:#ffffff;
	padding:10px 20px;
	margin:0px 0px 20px 0px;
	text-align:center;
	cursor:pointer;
	width:150px;
	font-size:24px;
	text-transform:uppercase;
	font-family: 'BebasNeue';
}
.inquiry_now:hover{
	background:#15619f;
}
.TFtable{
	width:100%; 
	border-collapse:collapse;
	font-size: 14px;
	line-height: 22px;
}
.TFtable td{ 
	padding:7px; border:#ffffff 1px solid;
}
.TFtable tr{
	background: #b8d1f3;
}
.TFtable tr:nth-child(odd){ 
	background: #15619f;
	color:#ffffff;
}
.TFtable tr:nth-child(even){
	background: #2477bb;
	color:#ffffff;
}
.show_detail{
	font-size:24px;
	color:#15619f;
	text-transform:none;
}
.location{
	color:#15619f;
}
.location_pic{
	float:left;
	margin:-5px 5px 0px 0px;
}
.baht{
	font-family: 'BebasNeue';
	font-size:24px;
	color:#000;
	border:1px solid #000;
	padding:10px;
	text-align:center;
	float:left;
	width:107px;
	margin: 0px 0px 10px 0px;
}
.detail{
	background:#2f3131;
	font-family: 'BebasNeue';
	font-size:24px;
	color:#ffffff;
	padding:10px;
	text-align:center;
	float:left;
	cursor:pointer;
	border:1px solid #2f3131;
	text-transform:uppercase;
}
.detail:hover{
	background:#053D84;
}
.box_item_page{
	padding:5px;
	float:right;
	margin:30px 0px 0px 0px;
}
.item_page{
	padding:5px 10px;
	text-align:center;
	font-size:16px;
	float:left;
	cursor:pointer;
}
.item_page a {
	color: #646464;
}
.item_page a:hover {
	color: #ffffff;
}
.item_page:hover{
	color:#FFFFFF;
	background:#2f3131;
}
.item_page_active{
	padding:5px 10px;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	float:left;
	cursor:pointer;
	background:#2f3131;
}
.item_next_last{
	padding:5px 10px;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	float:left;
	cursor:pointer;
	margin-right:5px;
	background:#2f3131;
}
.item_next_last:hover{
	background:#000;
}


ul.tabs {
	margin: 30px 0px 0px 0px;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0px 1px;
	cursor: pointer;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
	text-align:center;
	color:#636363 !important;
	padding:10px 30px;
	font-family: 'BebasNeue';
	font-size:30px;
}
ul.tabs li:hover {
	background: #206ca6;
	color:#ffffff !important;
}	
ul.tabs li.active{
	background: #226da6;
	color:#ffffff !important;
	text-align:center;
	padding:10px 30px;
	font-family: 'BebasNeue';
	font-size:30px;
}
.tab_container {
	clear: both;
	float: left; 
	width: 100%;
	background: #FFFFFF;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	display: none;
}

.box_check{
	width:150px;
	float:left;
	font-size:12px;
	margin:0px 0px;
	line-height:30px;
}
.box_check_text{
	float:left;
	width:170px;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
}
.box_check_types{
	float:left;
	width:400px;
	margin-right:20px;
	line-height:40px;
}
.check_types{
	width:180px;
	padding:5px 10px;
	background:#ffffff;
	border:1px solid #bebebe;
}
.box_find_search{
	background:#15619f;
	text-align:center;
	color:#ffffff;
	padding:20px;
	font-size:24px;
	cursor:pointer;
	margin:20px 0px;
	width:130px;
	float:left;
	font-family: 'BebasNeue';
	border: none;
}
.box_find_search:hover{
	background:#000;
}
.box_find_reset{
	text-align:center;
	padding:20px;
	font-size:24px;
	cursor:pointer;
	margin:20px 0px;
	width:130px;
	float:left;
	font-family: 'BebasNeue';
}
.box_find_reset:hover{
	color:#ffffff;
	background:#000;
}

.icon_sell{
	width:60px;
	height:60px;
	text-align:center;
	float:left;
	border:1px solid #000;
	margin:0px 10px 0px 0px;
}
.icon_sell p{
	color:#000;
	font-size:12px;
}
/*############ carousel_inner #########*/
.box_carousel_inner{
	margin:0;
}
#carousel_inner {
	float:left;
	width:990px;
	overflow: hidden;
}

#carousel_ul {
	position:relative;
	left:-330px;
	list-style-type: none;
	width:9999px;
	padding:0px;
}

#carousel_ul li{
	float: left;                       
	width:320px;
	margin:0px 10px 10px 0px;
}

#carousel_ul li img {
	cursor:pointer;
	cursor: hand; 
	border:0px; 
}
#left_scroll{
	float:left; 
	height:220px;
	margin: 0px 0px 0px -45px;
}
#right_scroll{
	float:right; 
	height:220px;
	margin: 0px -45px 0px 0px;
}
#left_scroll img, #right_scroll img{
	border:0;
	cursor: pointer;
	cursor: hand;
}
.text_promotion_01{
 background: url("../images/bg_text_promotion_01.png") repeat;
 color: #ffffff;
    font-size: 16px;
    height: 25px;
    margin: -33px 0 0;
    padding: 5px 10px 0;
    position: relative;
}
.text_promotion_02{
 background: url("../images/bg_text_promotion_02.png") repeat;
 color: #ffffff;
    font-size: 16px;
    height: 25px;
    margin: -33px 0 0;
    padding: 5px 10px 0;
    position: relative;
}
.text_promotion_03{
 background: url("../images/bg_text_promotion_03.png") repeat;
 color: #ffffff;
    font-size: 16px;
    height: 25px;
    margin: -33px 0 0;
    padding: 5px 10px 0;
    position: relative;
}
.box_pro_new{
	background: url("../images/bg_new.png") no-repeat;
	width:74px;
	height:74px;
	position:relative;
	float:right;
	margin-bottom: -74px;
}
.box_pro_hot{
	background: url("../images/bg_hot.png") no-repeat;
	width:74px;
	height:74px;
	position:relative;
	float:right;
	margin-bottom: -74px;
}

/* #################### contact us and inquery  */

.box_contact{
	background: url("../images/bg_search.png") repeat;
	padding:5px 40px;
	margin:10px 0px 30px 0px;
}
.contact_top{
	margin-top:-30px;
}
.contact_address_top{
	margin-top:50px;
}
.contact_title{
	margin-top:-7px !important;
}
.contact_address_l{
	width:380px;
	float:left;
}
.contact_address_r{
	float:right;
	width:280px
}
.address_s{
	width:100px;
	float:left;
}
.inquiry_l{
	width:280px;
	float:left;
}
.inquiry_r{
	width:230px;
	float:right;
}
.inquiry_text{
	width:228px;
	height:30px;
	border:1px solid #ccc;
	border-radius:5px;;
}
.div_inquiry_text{height: 50px; margin-top: 5px }

.comment{
	width:508px;
	height:100px;
	border:1px solid #ccc;
	border-radius:5px;
}
.red {color: red}
.comment2{
	width:450px;
	height:100px;
	border:1px solid #ccc;
	border-radius:5px;
}
.submit{
	background:#005195;
	color:#ffffff;
	padding:10px;
	margin:15px 10px 0px 0px;
	width:auto;
	float:left;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	font-size:22px;
	font-family: 'BebasNeue';
}
.submit:hover{
	background:#737373;
}
.reset{
	background:#737373;
	color:#ffffff;
	float:left;
	padding:10px;
	margin:15px 0px 0px 0px;
	width:auto;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
	font-size:22px;
	font-family: 'BebasNeue';
}
.reset:hover{
	background:#005195;
}
.map{
	width:100%;
	height:600px;
	margin-top:30px;
}
.inline_box{
	width:980px;
	display: none;
	padding:0px 40px 100px 40px;
}
.form_l{
	float:left;
	width:450px;
	margin-right:30px;
}
.form_input_l{
	width:450px;
	height:30px;
	border-radius:5px;
	border:1px solid #ccc;
}
.div_from_input1
{
	height: 45px;
}
.label_error{
	color:red;
}
.form_checkbox{
	float:left;
	margin-right:10px;
}

.any_price{
	width:180px;
	padding: 5px 10px;
	background: #ffffff;
	margin-top: 15px; 
	border: 1px solid #bebebe; 
}

/* #################### Footer  ####################*/
#footer{
	background: url("../images/bg_footer.png") repeat;
	margin:00px 0px 0px 0px;
	padding:20px 20px 0px 20px;
	color:#ffffff;
	font-size:14px;
	height:100px;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
	margin-right:12px;
}
#footer a:hover {
	color:#0484f0;
	text-decoration:none;
}
.facebook{
	float:right;
	margin-left:5px;
	padding:5px;
	cursor:pointer;
	background:#39599f;
}
.facebook:hover{
	background:#0484f0;
}
.call{
    margin:30px 20px 30px 0px;
    float:left;
    width:126px;
}
.call_text{
    text-align:center;
    font-size:20px;
    color:#ffffff;
    padding:5px 0px;
    margin:-3px 0px 0px 0px;
    font-family: 'BebasNeue';
    text-transform:uppercase;
    background:#1662A0;
}
.icon_call{
    margin:30px 10px 30px 0px;
    float:left;
    width:40px;
}
.icon_pic{
    margin:0px 0px 10px 0px;
}
.text_call{
    margin:20px 0px 0px 0px;
    width:300px;
    float:left;
    font-size:18px;
    font-weight:bold;
}
.border_call{
    border-bottom:1px dashed #ccc;
    margin:0px 0px 0px 0px;
    padding:10px 0px 10px 0px;
}