body{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1{font-size:21px}
h2{font-size:19px}
h3{font-size:17px}
h4{font-size:15px}
h5{font-size:13px}
h6{font-size:12px}

.clear{ clear:both;}
img{ border:0;}
.text-hide{ display:none;}
a{ outline:none; cursor:pointer;}
object,dl,dd,dt{margin:0;padding:0;border:0;outline:0;}

a{ text-decoration:none;}
a:link,a:visited{ color:#007336;}
a:hover{ color:#4eac00;}

.color-red{ color:#F00;}

#header{ margin:0 auto; padding:0; width:983px; padding:0;position:relative;}
#logo-nav{ overflow:hidden; padding:0 0 11px 0; height:49px; }
.logo{ background: url(../images/logo-ps.jpg) no-repeat; width:87px; height:116px; position:absolute; top:-8px; left:0px;}
#lang-main{ width:311px; float:right; overflow:hidden;}
*:first-child+html #banner{ overflow:hidden; height:272px;}
#banner{ overflow:hidden;}
.big-banner{ width:645px; float:left;}
.small-banner{ float:left; position:relative;}
.banner-brand{margin:0; padding:0; list-style:none; background: url(../images/border-brand.gif) no-repeat; width:338px; height:182px; padding:13px 0 0 0;}
.banner-brand li{ width:310px; height:82px; margin-left:15px;}
*:first-child+html .banner-brand2{ margin-top:7px;}
.banner-brand2{ margin-top:5px;}
 
dl.follow{ width:318px; padding:0 9px 0 11px; margin:0;}
dl.follow dt{width:72px; height:12px;}


#nav-main{ height:55px; background: url(../images/bg-menu.jpg) repeat-x; padding-top:8px;}
#nav-main-search{ margin:0 auto; padding:0; width:993px; position:relative; padding-left:10px;}

#form-search-quick{
	position:absolute;
	top:17px;
	right:13px;
	width:200px;
	overflow:hidden;
}
.txtfield-search{ width:156px; float:left; border:0; background:#eeeff4; color:#4aa500;}
.search-button{width:18px; height:15px;float:left; margin:1px 0 0 5px; background:url(../images/magnify.gif) no-repeat;}

/* host */
#article-main{ background:#347501;}
#article{ margin:0 auto; padding:0; width:983px; padding:0 10px 0 10px; position:relative;background:#347501;}
.host-menu{ padding:3px 0 0 16px; font-weight:bold;}
.host-menu a:link,.host-menu a:visited{ color:#ffffff;}
.host-menu a:hover{ color:#e3e7e8;}
dl#section-host{ margin:0; padding:20px 5px 18px 7px; width:971px; }
dl#section-host dt{ width:971px; padding:0 0 4px 0; overflow:hidden; }
dl#section-host dt .host-header{ float:left; background:url(../images/section-host.gif) 10px 0px no-repeat; width:174px; height:28px; padding:0 0 0 0px;}
dl#section-host dt .host-select{ background:url(../images/select.gif) no-repeat; width:215px; height:19px; float:right; margin-right:10px; margin-top:9px; display:inline;}
dl#section-host dd{ margin-top:14px;}
/* end host */
/* tab */
.tab-inner{ background:url(../images/tab-inner.gif) no-repeat; width:952px; height:54px; overflow:hidden; padding:1px 15px 0 16px;}
.search-home{ background:url(../images/search-by-home.gif) no-repeat; width:176px; height:51px; margin:0; float:left;}
.followus{ background:url(../images/tab-followus.gif) no-repeat; width:77px; height:51px; float:right;}
/* end tab */
/* project */
dl.section-result{ width:950px; padding:0 13px 0 20px; }
dl.section-result dt{ overflow:hidden;}
.result-header{ float:left; overflow:hidden; padding-bottom:6px;}
.result-pronum{padding-top:20px;}
.result-search{ background:url(../images/result.gif) no-repeat; width:141px; height:22px; float:left; margin-right:5px;}
.result-project{ background: url(../images/project.gif) no-repeat; width:73px; height:22px;float:left; margin-left:5px;}
.result-num{ width:10px; height:21px; float:left;}
/*.result-search{ float:right; background:url(../images/click-to-filter.gif) no-repeat; width:137px; height:20px; margin-top:10px;}*/
.result-main{width:947px; padding:0 3px 0 0; background:url(../images/bg-result.gif) -10px 0px repeat-y ; margin-top:0px !important; margin-top:-12px; overflow:hidden;}
ul.result-list{ margin:0;list-style:none; overflow:hidden; width:947px; padding:0 0 0 7px;}
ul.result-list li{ float:left; overflow:hidden; padding-bottom:20px; padding-top:15px;}
.result-left{ margin-right:30px;}
.result-pic{ float:left;}
ul.result-list li .result-pic img{ margin-top:-6px;}
.result-details{float:left;}
ul.result-detail{width:260px; padding:0 0 0 3px; height:77px; margin:0; list-style:none; background:url(../images/ver.gif) repeat-y;}
ul.result-detail li{ width:260px; overflow:hidden;margin:0; list-style:none; overflow:hidden; padding:0;}
.rdetail-head{ width:55px; padding:0 2px 0 0; float:left;}
/*.rdetail-detail{ width:191px; float:left; padding:0 0 0 12px;}*/
.rdetail-detail{ width:187px; float:left; padding:0 0 0 12px;}
ul.result-button{ padding:0 0 0 3px; margin:0; list-style:none; overflow:hidden;}
ul.result-button li{ float:left;}
.bresult-connect{width:47px; height:20px;}
.bresult-detail{width:66px; height:20px; margin-left:5px;}
.bresult-map{width:47px; height:20px; margin-left:5px;}
/* end project */
/* location */
.location-header{ background: url(../images/location-header.jpg) 10px 0px no-repeat; width:220px; height:28px;padding:0 0 0 0px;}
dd#location-main{ padding:10px 0 20px 63px; color:#898989;}
.location{ background:url(../images/bg-search-location.jpg) no-repeat; width:803px; height:378px; padding:16px 20px 13px 24px; overflow:hidden;}
.location-item{width:285px; float:left;}
.location-map{width:518px; float:left;}
.location-step1{ background:url(../images/select-location.gif) no-repeat; width:225px; height:20px;margin-bottom:17px;}
ul.location-check{height:342px; margin:0; padding:0; list-style:none; overflow-y:scroll;}
ul.location-check li{ margin:0; padding:0;}
.location-foot{ overflow:hidden; padding:17px 0 0 0 !important; padding:0; margin:0; list-style:none; width:233px;}
.location-step2{ background:url(../images/map-step2.jpg) no-repeat; width:131px; height:49px; float:left; margin-top:7px;}
.location-search{ background:url(../images/search-local.jpg) no-repeat; width:66px; height:66px; float:right;}
/* end location */
/* advance*/
dl#section-host dt .advance-header{ float:left; background:url(../images/search.jpg) 10px 0px no-repeat; width:109px; height:28px; padding:0 0 0 0px;}
dd#advance-main{ width:947px; padding:0 0 0 13px;}
.advance{ width:947px; background:url(../images/bg-advance.gif) repeat-y; overflow:hidden; }
ul.advance-search{ width:546px; float:left;list-style:none; margin:0; padding:0;}
ul.advance-search li{ margin:0; padding:0 0 15px 0; overflow:hidden;}
.advance-head{ width:124px; float:left;}
.advance-home{ background: url(../images/select-project.gif) no-repeat; width:92px; height:17px;}
.advance-location{ background:url(../images/location.gif) no-repeat; width:29px; height:17px;}
.advance-budget{ background:url(../images/budget.gif) no-repeat; width:115px; height:17px;}
.advance-project{ background:url(../images/select-project.gif) no-repeat; width:92px; height:17px;}

.advance-field{ float:left; padding:0 0 0 22px; overflow:hidden;}
.advance-checkbox{ float:left; width:13px; height:13px;}
.advance-select1{ width:250px;color:#4aa500;}
.advance-select2{ width:119px;color:#4aa500;}
.advance-single{ background:url(../images/single-home-advance.gif) no-repeat; width:60px; height:18px; float:left; margin-left:10px;}
.advance-townhome{ background:url(../images/townhome-advance.gif) no-repeat; width:60px; height:17px; float:left; margin-left:10px;}
.advance-condo{ background:url(../images/condo-advance.gif) no-repeat; width:91px; height:17px; float:left; margin-left:10px;}

.advance-map{ width:380px; float:left; padding:0 0 0 21px;}

.advance-button{ background:url(../images/search-avance.jpg) no-repeat; width:67px; height:68px; float:left; margin-left:20px; margin-bottom:6px;}
.advance-phead{ margin-top:20px;}

.map-button{ background:url(../images/map/map-icon.jpg) no-repeat; width:67px; height:68px; float:left; margin-left:20px; margin-bottom:6px;}

/* end advance */
/* quick search*/
.quick-search{float:right; width:313px;overflow:hidden; padding-top:20px;}
.quick-detail{ background:url(../images/advance-search.jpg) no-repeat; width:283px; height:25px; float:right; overflow:hidden;margin:0 0 5px 0!important; margin:0 0 0 0;}
.quick-mag{float:right; margin:8px 7px 0 0;}
.txt-advance{ float:right; width:170px; height:18px;border:0; margin:3px 5px 0 0; display:inline;color:#4aa500;}
.quick-re{ background: url(../images/quick-re.jpg) no-repeat; width:313px; height:25px; overflow:hidden; margin:0 0 6px 0 !important; margin:-15px 0 -14px 0;}
.list-re{ float:right; width:200px; height:25px;color:#4aa500;}

/* end quick search */

/* homeowner*/
.homeowner-login{ overflow:hidden;width:971px;}
.inner-login{width:385px; float:right; overflow:hidden; position:absolute; top:15px; right:20px;}
.inner-login p{ margin:0; padding:0; height:28px;}
.inner-login p.log-pass{ margin:3px 0 0 0; height:25px;}
.log-pass a:link,.log-pass a:visited{ color:#ffffff;}
.log-pass a:hover{ color:#ffffff; text-decoration:underline;}
.inner-login1{ width:150px; float:left;}
.inner-login2{ width:160px; float:left; margin:0 0 0 5px;}
.login1-1{ width:148px; border:1px #a8acad solid;color:#4aa500;}
.login2-1{ background:url(../images/bullet-forget.gif) no-repeat; padding:0 0 0 25px;}
.inner-login3{background:url(../images/login-button.gif) no-repeat; width:64px; height:23px; float:left; margin:25px 0 0 0;}
.homeowner-eventsp{ background:url(../images/homeowner/homeowner-head.gif) no-repeat; width:448px; height:16px; margin-top:10px;} 
.homeowner-list{border-bottom:1px #aeb2ba dotted;overflow:hidden; padding-bottom:16px; margin-top:13px !important;margin-top:23px;}
.homeowner-list ul{ margin:0; padding:0 0 0 0; list-style:none;}
.homeowner-list ul li{ margin:0; padding:0; list-style:none; float:left; width:356px;}
.homeowner-head{ background:url(../images/homeowner/bullet-green.gif) 0px 3px no-repeat; padding:0 0 0 15px;}
.homeowner-head b{color:#007336; margin:0; padding:0;}
/*ul.homeowner-list li.home-listleft{ padding-right:49px;}*/
.homeowner-date{ color:#d7d7d7; margin-top:-7px !important; margin-top:-14px; padding-left:15px;}
.homeowner-date2{ color:#d7d7d7;padding-left:15px;width:155px; float:right; margin-top:-20px;}
.homeowner-list ul li img{ background:#ced0d5; padding:5px; width:278px; height:122px; margin:-7px 0 0 15px !important; margin:-14px 0 0 15px;}
.homeowner-detaillist{ width:306px; background:#f5f5f5; padding:7px;}
.homeowner-readmore{ background:url(../images/homeowner/readmore.gif?v=1.0) no-repeat;width:49px; height:11px; margin-top:-7px !important; margin-top:-14px; }
.homeowner-paging{ text-align:right;}
.villager p{ padding-left:30px;}
.villager-download{ overflow:hidden;}
/* end homeowner */

/* loan*/
dl#section-host dt .loan-header{ float:left; background: url(../images/loan/loan-header.gif) 10px 0px no-repeat; width:262px; height:28px; padding:0;}
.loan-main{ width:768px; padding:0 0 0 203px; position:relative;}
.loan{ background:url(../images/loan/bg-loan.gif) no-repeat; width:757px;padding:5px 0 0 6px;color:#000;}
dl.loan-container,dl.about{background:#ffffff; width:714px; padding:16px 19px 29px 18px; margin:0;}/* loan + about*/



dl.loan-container h1{ color:#007336; border-bottom:1px #cccccc solid;}
dl.loan-container p,dl.about p{ color:#8a8a8a;}/* loan + about*/
.loan-container dt,dl.about dt{ margin:0; padding:0; width:714px;}/* loan + about*/
.loan-banner{ width:714px; height:169px; margin-bottom:18px;}
.step-header{ background:url(../images/loan/4-step.gif) no-repeat; width:305px; height:29px; margin-top:30px; margin-bottom:27px;}
.loan-foot{ background: url(../images/loan/loan-foot.gif) no-repeat; width:751px; height:7px;}
.iphone-banner{width:714px; height:414px; margin-bottom:18px;}
/* end loan */

/*loan-1 */
.rate-header{ background:url(../images/loan/rate.jpg) no-repeat; width:177px; height:18px; margin-top:10px; margin-bottom:30px;}
ul.loan1-rate{ width:267px; margin:0 0 14px 54px; padding:0; list-style:none; position:relative;}
ul.loan1-rate li{ margin-bottom:2px;}
.step-rate1{position:absolute; bottom:0px; right:-190px;}
.step-rate2{ margin-left:20px;}
.step-rate3{position:absolute; bottom:10px; right:5px;}
.loan1-txtfield{ width:141px;}
.loan1-txtfield2{ width:81px;}
.rate{ background:url(../images/loan/rate.gif) no-repeat; width:146px; height:20px; margin:16px 0 0 93px;}
.tabrate-main{ width:714px; min-height:161px;overflow:hidden; position:relative;border-bottom:1px #cccccc solid; padding-bottom:20px;}
.tabrate-main p{ margin:0; padding:6px 0 6px 0;}
.tab-rate{ float:left;}
.pic-rate{ float:right; background:url(../images/loan/pic-loan-1.jpg) no-repeat; width:168px; height:181px; position:absolute; bottom:0px; right:0px;}
/* end loan-1 */

/* loan-2 */
.bank-header{ background: url(../images/loan/select-bank.gif) no-repeat; width:260px; height:27px; margin-top:10px; margin-bottom:30px;}
.bank-list{ width:182px; height:44px; padding:3px 0 0 12px; position:absolute; top:0px; left:-212px; background:url(../images/loan/bg-bank.jpg) no-repeat;}
.interest-header{height:35px; width:294px;}
.interest-head,.rate-loan{ background:#a7b19e; font-weight:bold; padding:5px 0 5px 15px;}
.interest-list p{ padding:0 0 0 63px;}
.interest-comma p{ padding-left:15px;}   /* loan-2 + loan-4*/

/* end loan-2 */

/* end loan-3 */
.credit{ width:714px; position:relative;}
.k-homeloan{ background:url(../images/loan/k-homeloan.jpg) no-repeat; width:477px; height:125px; margin-left:118px;}
.selectbank-head{ background:url(../images/loan/select-bank-head.gif) no-repeat; width:714px; height:18px;border-bottom:1px #cccccc solid; margin:10px 0 5px 0; padding-bottom:5px;}
.form-bank{ width:714px; overflow:hidden;}
.form-bank p{ padding:0; margin:2px 0 2px 0;}
.form-bank1{ width:231px; float:left; padding-left:21px;}
.form-bank2{ float:left; width:231px;}
.form-bank3{ float:left; width:231px; }
.search-rate{margin-left:250px; margin-top:15px;}
.tab-bank{ border-top:1px #cccccc solid; margin-top:20px; padding-top:20px;}

.comma{ width:340px; overflow:hidden;margin:0 0 0 16px; border-bottom:1px #49a401 dotted; padding:10px 0 10px 0;}
.comma2{ width:340px; overflow:hidden;margin:0 0 0 16px; padding:10px 0 10px 0;}
.comma-left{ float:left; width:72px; color:#49a401;}
.comma-right{ float:left; width:268px;}
/* end loan-3 */
/* end loan-4 */
.tabrate-main2{ width:714px;}
.tabrate-main2 p{ margin:0; padding:6px 0 6px 0;}
/* end loan-4 */

/*about */
.about-header{ background:url(../images/about/about-head.gif) 10px 0px no-repeat; width:168px; height:28px;}
.about-header2{ background:url(../images/about/about-1.gif) 10px 0px no-repeat; width:148px; height:28px;}
.vision-header{ background:url(../images/about/vision.gif) 10px 0px no-repeat; width:207px; height:28px;}
.ceo-header{ background:url(../images/about/ceo-head.gif) 10px 0px no-repeat; width:215px; height:28px;}
.policy-header{ background:url(../images/about/policy-head.gif) 10px 0px no-repeat; width:102px; height:28px;}
.work-header{ background:url(../images/about/works-head.gif) 10px 0px no-repeat; width:171px; height:28px;}
.homeowner-header{ background:url(../images/homeowner/homeowner.gif) 10px 0px no-repeat; width:142px; height:28px; float:left;}
.invite-header{ background:url(../images/homeowner/invite.gif) 10px 0px no-repeat; width:181px; height:28px;}
.mobile-header{ background:url(../images/mobile-head.gif) 10px 0px no-repeat; width:199px; height:28px;}
.about-index{ height:22px; padding-bottom:6px;}

dl.about h1,dl.about h5{ color:#007336; }
dl.about h2,dl.loan-container h2{ color:#4eac00;border-bottom:1px #cccccc solid; margin-bottom:10px;}/*h2 ของ about + loan-container*/
.about-detail-main{ width:714px;border-bottom:1px #cccccc solid; padding-bottom:10px;position:relative;}
.about-detail-index{ width:714px;padding-bottom:10px;position:relative;}
.about-detail{ width:707px; padding:0 3px 0 4px; overflow: hidden; }
.about-detail ol,.loan-container ol{ margin:0; padding:0 0 0 20px; color:#8a8a8a;}/*ของ about + loan-container*/
.about-detail ol li,.loan-container ol li{ margin:0; padding:0;}/*ของ about + loan-container*/
.about-detail ul{color:#8a8a8a; list-style: circle;}
.txt-ceo h3{color:#007336;}
.txt-ceo td{ width:300px; font-size:18px; color:#9a8847;}
.tab-about{ padding:18px 0 16px 0;}
.tab-about2{ width:610px; padding:10px 10px 10px 10px;}
.about-year{ padding-top:10px;}


.ceo-pic{ width:112px; float:left; padding-left:90px; padding-right:10px;  padding-top:8px;}
.ceo-profile{ width:490px; float:left;}
.ceo-name{}
.ceo-detail{ overflow:hidden;}
.ceo-detail h3{color:#9a8847;}
.ceo-detail1{ width:150px; float:left;}
.ceo-detail2{ float:left;}
.ceo-ex p{ padding-left:12px; padding-top:5px; padding-bottom:5px;}

.top-button{ background:url(../images/about/top.gif) no-repeat; width:31px; height:9px; margin-top:8px; margin-left:683px; margin-bottom:8px;}
.about-readmore{ background:url(../images/about/bg-readmore.gif) no-repeat; width:76px; height:38px; padding-top:28px;margin-left:640px; margin-top:-10px;}

.award-header{float:left; background: url(../images/about/award-header.gif) 10px 0px no-repeat; width:262px; height:28px; padding:0;}
.aword img{ margin:15px 10px 10px 0;}
.aword h4{ color:#429100; margin:12px 0 0 0;}
.aword a:link,.aword a:visited{ color:#8a8a8a;}
.aword a:hover{ color:#ffffff;}
.aword-menu{ background:url(../images/about/bg-aword.gif) repeat-x; height:27px; width:659px; margin:0; list-style:none; padding:0 0 0 48px; position:relative;}
.aword-bulletl{ width:6px; height:6px; position:absolute; top:7px; left:10px;}
.aword-bulletr{ width:6px; height:6px; position:absolute; top:7px; right:10px;}
.aword-menu li{ float:left; width:101px; height:20px; list-style:none;  background:#ecf4e5; margin-right:1px; text-align:center; padding-top:4px;}
.aword-menu li a:hover{ float:left; width:101px; height:20px;background:#429100; margin:-4px 0 0 0; padding:4px 0 0 0;}
.aword-green{ background:#429100;}
/* end about */

#footer-main{ background: #ffffff url(../images/bg-footer.jpg) repeat-x;}
#footer{ margin:0 auto; padding:0; width:1003px; background:url(../images/link-footer.gif) no-repeat; overflow:hidden;}
.footer-pre{float:left; padding:24px 0 0 46px;}
.footer-next{float:left; padding:24px 0 0 0;}
#nav-footer{width:937px; float:left;overflow: hidden; margin:0; padding:0;}
#credit-footer{ overflow:hidden; color:#aaaaaa; width:983px; font-size:11px; padding:10px 10px 0 10px;}
.credit-left{ float:left;}
.credit-right{ float:right;}

.hr{ background:url(../images/hr.gif) repeat-x; width:947px; height:2px; margin-left:20px;}
.hr2{ background:url(../images/hr.gif) repeat-x; width:947px; height:2px; margin-left:13px;}
.hr3{ background:url(../images/hr.gif) repeat-x; width:947px; height:2px;}

.next1{ background:url(../images/next1.jpg) no-repeat; width:26px; height:39px; position:absolute;bottom:230px; right:0;}
.next2{ background:url(../images/next2.jpg) no-repeat; width:26px; height:39px; position:absolute;bottom:230px; right:0;}
.back1{ background:url(../images/back1.jpg) no-repeat; width:28px; height:39px; position:absolute;bottom:230px; left:0;}
.back2{ background:url(../images/back2.jpg) no-repeat; width:28px; height:39px; position:absolute;bottom:230px; left:0;}

 /*begin loan-1*/
#loanForm label.error{
	display:none!important;
}
#loanForm input.error{
	color:Red;
}
.loan-next{
	display:none;
}
/*end loan-1*/

/*begin loan-3*/

.interest-header{
	width:294px;
	height:35px;
}

.interest-header,.bank-detail{
	display:none;
}

/*end loan-3*/

/*map*/
.map-header{ width:600px; overflow:hidden; padding:0 0 6px 0;}
.map-logo{ float:left; width:103px;}
.map-brand{ float:right; width:497px; height:40px; }
.map-brand p{ color:#439600; border-left:1px #439600 solid; padding-left:8px; padding-top:14px; height:30px; float:right; margin:0;}
.map-brand img{ float:right; margin:5px 12px 0 0; }
.map-detail{ padding:0 0 8px 0;}
#nav-mapmain{ background:url(../images/map/map-bg.gif) no-repeat;width:600px; height:33px; overflow:hidden;}
#nav-mapfoot p{ float:right;font-size:10px; margin:0; padding:10px 8px 0 0;}
/*end map*/

/*begin cms*/
.text-p{ color:#8A8A8A}
/*end cms*/

#subnav-about{ width:201px;position:absolute; top:80px; left:-219px}
.topsub-about{ background:url(../images/about/topsub-about.gif) no-repeat; width:201px; height:28px;}
.botsub-about{ background:url(../images/about/botsub-about.gif) no-repeat; width:201px; height:6px;}
ul.censub-about{ background:url(../images/about/censub-about.gif); width:192px; margin:0; padding:0 0 0 9px; list-style:none;}
ul.censub-about li{ background:url(../images/about/list-about.gif) 0px 9px no-repeat; padding-left:7px;}

ul#bank{ margin:0; padding:0; width:714px;position:relative; list-style:none;}
ul#bank li{ float:left; padding-right:20px;}