html {
	width: 100%;
}

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif
}
img{
	border:none
}
a{
	text-decoration:none;
}
.header { 
	width: 1004px;
	height: 145px;
	margin: 0 auto; 
	padding:0px;
} 
.header .left{ 
	float:left;
	width: 364px;
	height: 145px;
} 

.header .right{ 
	float:left;
	width: 640px;
	height: 145px;
} 

.header .menubar {
	position:absolute; 
	width:1004px;
	height:40px;
	margin-top:105px; 
}

.header .menubar ul{
	list-style-type: none;
	padding:0;
	margin:0;
	background-color:#fff
}
.header .menubar ul img{
	
}

.header .menubar li{ 
	display:inline-block;
	padding:0;
	margin:0;
	border:0;
	
}	

.header .menubar a{ 
 	padding:0 !important;
}

.header .menubar a:hover{
	 
}

.header .menubar li:hover{
	 	
}

.header .menubar li:hover a{
	 	
}

.content{ 
	width: 1004px;
	height: auto;
	margin: 0 auto; 
	margin-top:4px;
}

.row_item{	
	display: block;	
	height: 380px; 
}

.row_item .grid_1{ 
	float: left;
	width: 520px;
	font-size:15px;
	line-height:22px;
} 

.row_item .grid_2{
	float: left;
	width: 484px;
	font-size:17px;
	color:#535454;
	line-height:25px;
	font-weight:bold;
}

.row_item .grid_3{
	float: left;
	width: 255px;
}

.footer {
	padding:10px;
	margin:0 auto;
	width:984px;
	font-size: 13px; 
	height:90px;
	background-color: #EAEAEA;
	color:#424242; 
	text-align:center;
}

.footer .inner {
	width: 770px;
	margin: auto;  
	text-align:center; 
	margin-top:20px;
	margin-bottom:8px;
}

.footer .inner .menu1 {
	color:#234282;
	
}


.footer .inner .menu1 ul{
	list-style-type: none;
	margin: 0;
	padding:0;

}

.footer .inner .menu1 li{
	display: inline;
	padding-left:20px;
}	


.footer .inner .menu1 a{
	 text-decoration: none;
	 color: #00479e;
}  
  
.mask{
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	height: 449px;
	background-image: url('../images/mask.gif');

}

.sub_mask{
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	height: 215px;
	background-image: url('../images/sub_mask.gif');

}

.clear {
	float: none !important;
	clear: both;
}

.input_text{ 
	width:400px;
	height:30px;
	padding:5px;
	border: 1px solid #d5d5d5
}
textarea{
	 border: 1px solid #d5d5d5
}




/* CSS3 BUTTOM */

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btn:active {
	position:relative;
	top:1px;
}

/* vaildation */
.validation{
	color: red;
	font-size:14px;
	padding:5px;
}


/* application.php */

.app_textarea{
	height : 95px;
	
} 

#bookmark{ 
	width:640px;
	height:50px; 
}
#addthis{
	float:right;
	text-align:right; 
	margin-top:10px;
	height:40px; 

}
#addthis a{
	display:block;
	margin-left:5px;
	float:left; 
}
#jssor_1{
	position:relative;
	width: 1004px; height: 423px; overflow: hidden;
}
#jssor_1 .slides{
	 width: 1004px; height: 423px; overflow: hidden;
}
 
.content .data{
	padding:25px;
	font-size:21px;
	line-height:28px;
	color:#333;
    border-radius: 25px;
    border: 1px solid #cbe1f5;	
}
.content .data .aboutus{
	font-size:19px
}
.content .data .item_tile{
	font-weight:bold;
}
.content .data .cname{
	font-weight:bold; 
 
}
.content .subtitle{
	margin-bottom:5px;
}
.content .data #plan td{
	font-size:19px
}
.content .data #plan .subtitle{
	font-weight:bold;
	background-color:#FF0;
	color:#000
}
.content .data #plan .red{
	color:#F00
}
.map{
	width:440px; float:left; margin-right:10px;
	border:1px solid #e5e5e5;
	padding:5px
}

#map{
	width: 440px; height: 400px
}

.data li{
	line-height:50px
}

.data .ques{
	font-weight:bold;
}
.data .ans{
	margin-top:5px;
	margin-left:25px
}
.data .qaline{
	height:1px;
	background-color:#e3e3e3;
	margin-bottom:15px;
	
}

#info{
	font-size:17px;
}

#info li{

}

.loading{
	display:none;
	position:absolute;
	text-align:center;
	margin-top:150px;
	margin-left:300px;
}
.mv_icon{
	position:absolute;
	margin-top:0px;
	margin-left:320px;
}
.mortgage{
	width:270px;
	height:309px;
	float:left;
	background-image:url(../images/mcal_bg.png);
	background-repeat:no-repeat;
	overflow:hidden
}
.mortgage input{
	width:130px;
}
.mortgage td{
	height:29px;
	font-size:15px;
	color:#393939
}
.mortgage span{
	display:block;
	margin-right:12px;
	font-size:15px;
	color:#393939	
}
.mortgage #m_result{
	font-size:17px;
	font-weight:bold;
	color:#c50000
}
#index_map{
	width:471px;
	height:170px;
	border:#d5d5d5 solid 1px
}
.map_zoom{
	position:absolute;
	margin-left:435px;
	margin-top:5px;
	z-index:999;
	cursor:hand;
	cursor:pointer;
}