@charset "utf-8";
/* CSS Document.. */
body{ margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#666; background:url(../images/bg01.jpg) repeat-x #d0e5fa;}
a{ text-decoration:none; color:#333;}


/*-------------intro------------*/
.bg-intro{ height:587px; background:url(../images/bg-intro1.jpg) repeat-x #4d2607;}
.main-intro{ width:990px; height:347px; background:url(../images/main-intro.jpg) no-repeat; margin:0 auto; padding: 240px 0 0 0;}
.main-intro2{ width:990px; height:587px; margin:0 auto;}
.main-intro .copyright{ text-align:center; font-size:10px; color:#b3bd8d; padding-top:270px; display:block;}
.copyright{ line-height:30px;font-size:10px; text-align:center; color:#715139; display:block;}
.language{ padding:5px 0 0 425px; height:38px;}
.text-select{font-size:10px; color:#4d2607; display: block; padding: 0 0 0 440px;}
.f-thai{ width:46px; height:33px; background:url(../images/standard/icon/f-thai1.gif) no-repeat center; display:block; float:left; border-right:solid 1px #4d2607;}
a.f-thai:hover{ background:url(../images/standard/icon/f-thai1.gif) no-repeat center #e0e5ea;}
.f-eng{ width:47px; height:33px; background:url(../images/standard/icon/f-eng1.gif) no-repeat center; display:block;float:left;}
a.f-eng:hover{ background:url(../images/standard/icon/f-eng1.gif) no-repeat center #e0e5ea;}
/*----------end intro----------*/

.bg-bar-top{ line-height:20px; border-bottom:solid 1px #e9e9e9;}
.bar-top{ width:990px; line-height:20px; margin:0 auto; font-size:11px; color:#a1a1a1; text-align:right;}
.bar-top a{color:#a1a1a1; text-decoration:none;}
.main{ overflow:hidden; clear:both;}
.footer{ line-height:48px; border-top:solid 1px #89bbd6; text-align:center; font-size:11px; color:#658bb1; clear:both;}
.header{ width:990px; height:110px; margin:0 auto; background:url(../images/company.gif)  no-repeat;}
.logo{ width:80px; height:80px; display:block; background:url(../images/logo-cmc.gif) no-repeat; margin:13px 0 0 5px; float:left;}

.menu{float:right; margin:16px 0 0 0; border-bottom:solid 1px #c2ab99;}
.menu ul{ width:881px; height:29px;  display:block; list-style: none;  padding:0; margin:16px 0 0 5px;}
.menu li{ float:left;  display:block; font-size:13px; color:#672d00;}
.menu li a{ line-height:28px; text-decoration:none; color:#672d00; padding:0 2px; display:block;}
.menu li a:hover{ background: #672d00; color:#FFF; display:block;}
.menu .active{ background:#672d00; color:#FFF; display:block;}

.show-highlight{ width:100%; height:472px; background:url(../images/bg-show.jpg) center no-repeat; margin:5px auto 0 auto;}
.box-show-highlight{ width:990px; height:472px; margin:0 auto;}
.content-home{ width:990px; overflow:hidden; margin:20px auto 20px auto;}

/*------start happy C panal------*/
.happyc-onweb1{ width:165px; height:110px; clear:both; float:left; padding:0 0 0 150px; color:#1c7b89; font-size:11px;}
.happyc-onweb1 b{ font-size:12px; color:#003658;}
.happyc-onweb2{ width:335px; height:110px; float:left; margin:0 0 0 30px; color:#1c7b89;  font-size:11px;}
.happyc-onweb2 b{ font-size:12px; color:#003658;}
.happyc-onweb2 img{ background: url(../images/standard/bg-thumb-gallery.png) no-repeat; padding:8px; float:left; margin-right:10px;}
.happyc-onweb3{ width:260px; height:110px; float:left; margin:0 0 0 30px;}
.happyc-onweb3 img{ background: url(../images/standard/bg-thumb-gallery.png) no-repeat; padding:8px; float:left; margin-right:10px;}

.happyc-onweb-intro{ width:618px; height:100px; line-height:18px; margin:0 0 0 230px; color:#FFF; padding: 10px 0 0 0;}
.happyc-onweb-intro b{ font-size:14px; color:#000;}
.happyc-news{ width:420px; height:575px; margin:100px 0 0 65px ; float:left; display:inline;}
.happyc-news-list{ width:400px; height:90px; float:left; margin:0 0 0 10px; color:#1c7b89;  font-size:11px; padding: 20px 0; border-bottom:dashed 1px #CCC; display:inline;}
.happyc-news-list b{ font-size:12px; color:#003658;}
.happyc-news-list img{ background: url(../images/standard/bg-thumb-gallery.png) no-repeat; padding:8px; float:left; margin-right:10px;}
.happyc-gallery{ width:310px; height:263px; margin:120px 0 0 85px ; float:left;}
.happyc-gallery img{ width:152px; height:114px; display:block; margin:20px auto 10px auto;}
.happyc-gallery b{ font-size:13px;}
.happyc-contact{ width:350px; height:220px; margin:95px 0 0 60px; float:left; color:#FFF; font-size:14px;}
.happyc-contact a{color:#FFF; font-size:14px;}
/*------end happy C panal------*/



/*------start bar show brand------*/
.bg-brand{ width:100%; height:84px; background:url(../images/standard/bg-show-brand.jpg) no-repeat center;  }
#bg-show-brand{ width:970px; height:69px; margin:0 auto; padding:15px 0 0 20px;}
#bg-show-brand .show-brand{ width:137px; height:41px; display:block; float:left;  margin:5px 10px;}
#bg-show-brand .show-brand a{width:137px; height:41px; display:block;}
#bg-show-brand .show-brand a:hover{ border:solid 1px #960; display:block;}

/*------end bar show brand------*/

/*------box What News------*/
#news{ width:240px; height:260px; overflow:hidden; float:left;}
#news .content{ width:240px; height:200px; overflow:hidden; font-size:11px; background:url(../images/standard/line-table.gif) top right no-repeat;}
#news .content a{ text-decoration:none; color:#666;}
#news .content .highlight{ margin-top:15px; height:90px; font-size:12px; padding:0 10px 0 0;}
#news .content .highlight img{ width:100px; height:75px; border: solid 5px #f5f9fe; display:block; float:left; margin-right:10px;}
#news .content .textlink{ width:229px; height:70px; padding:0 5px;}
/*------end What News------*/

.bt{ background:#672d00; color:#FFF; border:0 #672d00; padding: 0 3px; cursor:pointer;}
.facebook{ width:30px; height:30px; background:url(../images/standard/icon/icon-facebook.gif) no-repeat; display:block; margin:0 0 0 870px;}
/*-------Box Event-------*/
#event{ width:240px; height:260px; overflow:hidden; padding: 0 0 0 10px; float:left;}
#event .content{ width:240px; height:200px; overflow:hidden; font-size:11px; background:url(../images/standard/line-table.gif) top right no-repeat;}
#event .content a{ text-decoration:none; color:#666;}
#event .content .highlight{ margin-top:15px; height:90px; font-size:12px; padding:0 10px 0 0;}
#event .content .highlight img{ width:100px; height:75px; border: solid 5px #f5f9fe; display:block; float:left; margin-right:10px;}
#event .content .textlink{ width:229px; height:70px; padding:0 5px;}

.event_thumb{ width:430px; height:130px; margin:5px; border-bottom: dotted 1px #ccc; float:left;}
.event_thumb-img{ width:152px; height:114px; float:left;  margin-right:10px; display:block;}
.event_thumb-detail{ width:265px; height:125px; display:block; float:left;}
.event_thumb-detail a{ color:#0b7097; text-decoration:underline;}
/*-------End Box Event-------*/

/*-------Box promotion-------*/
#promotion{ width:300px; height:260px; overflow:hidden; padding: 0 0 0 10px; float:left;}
#promotion .content{ width:299px; height:200px; overflow:hidden; font-size:11px; text-align:center; padding:15px 0 0 0;  background:url(../images/standard/line-table.gif) top right no-repeat;}

.promotion-show{ width:830px; border:solid 1px #cfcfcf; overflow:hidden; padding:10px; }
.promotion-show img{ margin:4px; border:0;}
/*-------End Box promotion-------*/

/*-------banner brand-------*/
#brand{ width:180px; height:260px; overflow:hidden; padding: 0 0 0 10px; float:left;}
#brand .titile{ width:180px; height:15px; padding-top:23px; color:#0082a6; display:block; border-bottom: solid 1px #FFF;}
#brand .content{ width:173px; height:120px; background: url(../images/standard/bg-project-brand.gif) no-repeat; overflow:hidden; font-size:11px; margin:15px 0 0 0; padding:10px 0 0 7px;}
#brand .list-project{ width:180px; height:27px; text-align:center; clear:both; margin:10px 0 0 0; background:url(../images/standard/bg-select-project.gif) no-repeat; padding:7px 0 0 0;}
#brand .list-project2{ width:180px; height:27px; text-align:center; clear:both; margin:37px 0 10px 0; background:url(../images/standard/bg-list-project.png) no-repeat; padding:7px 0 0 0;}
#brand .content .lg-project{ width:80px; height:25px; background:#FFF; padding: 3px 0; float:left; margin:2px;}
#brand .newsletter{ width:160px; height:113px; background:url(../images/standard/bg-news-letter.png) no-repeat; margin:0; padding: 0 10px;}
#brand .let-titile{ height:42px; display:block; padding:10px 0 0 50px;}
/*-------end banner brand-------*/

/*-------start footer panal-------*/
.footer-panal{ margin:0; padding:30px 0 20px 0; overflow:hidden; background:/*url(../images/standard/bg-last-panal.gif) top repeat-x */#f4f4f4; border-top: solid 1px #c1dde5;}
.footer-panal .content-footer-panal{ width:990px; overflow:hidden; margin:0 auto;}
.content-footer-panal .content-panal1{width:990px; overflow:hidden;}
.content-panal1 .box-show-activity{ width:246px; overflow:hidden; float:left;}

.box-show-activity .content-activity{width:236px; height:95px; margin:0; padding:5px;}
.box-show-activity .content-activity img{ width:100px; height:75px; border: solid 5px #f5f9fe; display:block; float:left; margin-right:10px;}
.box-show-activity .read-more {width:50px; height:13px; color:#92bc3c; font-size:10px; text-align:center; display:block; float:right; margin:0px 0 0 0;}

.content-panal1 .box-show-calendar{ width:238px; overflow:hidden; float:left;}
.box-show-calendar .title-calendar{ font-size:12px; font-weight:bold; color:#03498e; display:block; padding-left:60px;}
.box-show-calendar .title-calendar a{ color:#03498e;}
.box-show-calendar .title-calendar a:hover{ color:#03498e; text-decoration:underline}
.box-show-calendar .bar-month{ font-size:12px; color:#000; padding-left:55px;}
.box-show-calendar .bar-month .btnPN{ font-weight:bold; font-size:18px; color:#0087CC;  }
.box-show-calendar .content-calendar{ overflow:hidden; margin:auto;}
.content-calendar .calendar-table1{ background:#0087cc; color:#FFF; text-align:center; border: solid 1px #878787;}
.content-calendar .calendar-active{ color:#000; font-weight:bold; display:block; text-decoration:underline; cursor:pointer;}
.content-calendar .isEvent{ background:#add6ff; cursor:pointer;}
.content-calendar tr{}
.content-calendar td{ line-height:18px; border-left: dotted 1px #878787; border-bottom:dotted 1px #878787; border-right: dotted 1px #878787; text-align:center;}
.content-calendar .td-last{ border-right: dotted 1px #878787;}

.content-panal2 .box-show-news-reales{ width: 252px; overflow:hidden; padding:0 15px 0 25px; float:left;}

.box-show-news-reales ul{ margin:0; padding:0; display:block;}
.box-show-news-reales li{ list-style: none; display:block; padding: 3px 0 3px 14px; background:url(../images/standard/icon/bullet1.gif) no-repeat 2px 8px; border-bottom:dashed 1px #ccc;}
.box-show-news-reales li:hover{ background:url(../images/standard/icon/bullet1.gif) no-repeat 2px 8px #eaeef4;}
.box-show-news-reales .read-more{ width:50px; height:13px; color:#92bc3c; font-size:10px; text-align:center; display:block; float:right; margin:5px 0 0 0;}

.box-show-new-project img{ width:186px; height:96px; display:block; margin:2px 0 5px 0;}
.box-show-new-project b{ color:#234879;}


.content-footer-panal .content-panal2{width:990px; height:250px; overflow:hidden; margin:10px 0 0 0;}
.content-panal2 .box-show-poll{ width:238px; overflow:hidden; float:left;}

.box-show-poll .content-poll{width:227px; overflow:hidden; margin:0; padding:5px;}
.box-show-poll .content-poll ul{ margin:5px 0 0 0; padding:0; display:block;}
.box-show-poll .content-poll li{display:block;}

.content-panal2 .box-ecard img{ width:90px; height:68px; float:left; margin: 2px 0 10px 5px;}
.content-panal2 .read-more{ width:50px; height:13px; color:#94bef7; font-size:10px; text-align:center; display:block; float:right; margin:12px 0 0 0;}

.box-knowledge ul{ margin:0; padding:0; display:block;}
.box-knowledge li{ list-style: none; display:block; padding: 3px 0 3px 14px; background:url(../images/standard/icon/bullet2.gif) no-repeat 2px 8px; border-bottom:dashed 1px #ccc; font-size:11px;}
.box-knowledge a{ color:#666;}
.box-knowledge li:hover{ background:url(../images/standard/icon/bullet2.gif) no-repeat 2px 8px #eaeef4;}
.box-knowledge .read-more{ width:50px; height:13px; color:#92bc3c; font-size:10px; text-align:center; display:block; float:right; margin:5px 0 0 0;}


.box-show-happyc img{ width:90px; height:116px; display:block; float:left; margin:0 8px 0 0;}

/*-------end footer panal-------*/

/*-------link footer-------*/
.link-footer{ width:990px; line-height:30px; height:30px; margin:0 auto; border-top: solid 1px #FFF; clear:both;}
.link-footer .link{float:left; display:block;}
.link-footer .link a{ text-decoration:none; color:#234879;}
.link-footer .link a:hover{ color:#5e85b8;}
.link-footer .news-letter{ display:block; line-height:30px; float:right;}
/*-------end link footer-------*/

.bt-regis{ background:#858585; height:18px; color:#FFF; font-size:11px; border:0; cursor:pointer;}
.bt-regis2{ background:#858585; height:18px; color:#FFF; font-size:11px; border:0; cursor:pointer; margin:9px 0 0 0;}
.input{ height:13px; font-size:11px;}

/*---------------css control page------------------*/
.bg-page{ width:100%; overflow:hidden; /*background:url(../images/bg-show.jpg) top center no-repeat ;*/ margin:5px auto; }
.main-page{width:990px; overflow:hidden; margin:0 auto; background:#FFF;}
.show-page{ width:968px; height:160px; margin:0 auto; border-bottom:solid 1px #d8d8d8; padding:0px;}
.promotion-page{width:686px; height:150px; float:left;}
.img-page{width:274px; height:150px; float:right;}
.main-content-page{width:968px; margin:0 auto 5px auto; overflow: hidden;}
.bar-left-page{width:165px; overflow: hidden; float:left;}
.content-page{width:765px; overflow: hidden; padding-left:35px; float:left;}
.content-page2{width:968px; overflow: hidden; margin:0;}

.head-menu-page{ width:145px; height:36px; padding:12px 0 0 20px; background:#efefef; display:block;}
.menu-page{ width:145px; height:30px; border-bottom: solid 1px #e3e1e2; display:block; padding:12px 0 0 20px;}
a.menu-page:hover{background:#f6f6f6; border-left:solid 1px #e3e1e2;}
.tiltie-page{ height:40px; padding:8px 0 0 0;  margin-bottom:5px; display:block;}
.tiltie-page2{ height:32px; padding:8px 0 0 40px; font-size:18px; color:#012c64;  margin: 0 0 5px 0; display:block; background: url(../images/bg-titile-page.gif) no-repeat left #efefef;}
.box-brand-page{ width:165px; height:350px; text-align:center; margin:30px 0 0 0;}
.box-brand-page img{ border:1px solid #e8e8e8; padding:2px; margin:2px 0px; width:137px; height:41px;}

.font_news{ color:#666; padding:10px;}
.font_news b{ color:#0b7097; font-size:13px; text-decoration:underline;}
.font_news a{ color:#0b7097; font-size:13px; text-decoration:underline;}
.font_date{ font-size:11px; color:#999; font-style:italic;}

.next-page{ text-align:right; height:17px; clear:both;}
.next-page b{ color:#666; display:block; float:left; margin-right:10px;}
.next-page a{ display:block; background:#ff0000; color:#FFF; text-align:center; float:left; margin:0 2px; padding:0 3px;}
.next-page a:hover{ background:#000}

.box_login{ width:349px; height:300px; border: solid 1px #d8d8d8; padding: 20px 40px;}
.login_titile{ font-size:18px; color:#214677;}
.button_homeloan{ line-height:30px; background:#f1f1f1; border:solid 1px #acacac; font-size:13px; color:#003965; text-align:center; display:block;}
.button_homeloanActive{  line-height:30px; background:#f1f1f1; border:solid 1px #acacac; font-size:13px; color:#003965; text-align:center; display:block; border:solid 1px #DD5E00;}
a.button_homeloan:hover{ background:#f1f1f1; border:solid 1px #672d00;}
.darkRate {background-color: #EAEAEA; font-weight:bold; text-align:center;}
tr.liteRateThin, td.liteRateThin {background-color: #f0f0f0;}
tr.liteRateThin2, td.liteRateThin2{background-color: #f5f5f5;}
.darkRow{background-color: #F5F5F5; font-weight:bold; padding-left:10px;}

.box_agree{ width:680px; overflow:hidden; border: solid 1px #d8d8d8; padding: 20px 40px; margin:0 auto;}
.text-rule{ width:758px; height:100px;}

/*------------ site map -------------*/
#sitemap{ width:775px; overflow:hidden; margin:10px auto;}
#sitemap ul{ margin:0; padding:0;}
#sitemap li{ line-height:25px; clear:both;}
#sitemap .link-site{ border-bottom:dotted 1px #ccc; font-weight:bold; background:url(../images/standard/icon/arrow_red.gif) no-repeat left; padding-left:15px;}
#sitemap .project-site{ margin:0; padding:0;}
#sitemap .project-site ul{ width:220px; margin:0; padding:0; display:block; float:left; overflow:hidden; margin: 5px 0 10px 15px;}
#sitemap .project-site li{ line-height:20px; list-style:none; border-left: solid 1px #CCC; margin-left:4px; color:#ccc;}
#sitemap .project-site li a{color:#666;}
/*------------ End site map -------------*/


/*------------hight light -------------*/
/* rotator in-page placement */
div#rotator { position:relative; height:320px;}
/* rotator css */
div#rotator ul { padding:0px; margin:0px;}
div#rotator ul li { float:left; position:absolute; list-style:none; left:0px; top:0px;}
/* rotator image style */	
div#rotator ul li img { padding:0;}
div#rotator ul li.show { z-index:1 }

div#rotator2 { position:relative;}
/* rotator css */
div#rotator2 ul { padding:0px; margin:0px;}
div#rotator2 ul li { float:left; position:absolute; list-style:none; left:0px; top:0px;}
/* rotator image style */	
div#rotator2 ul li img { padding:0;}
div#rotator2 ul li.show { z-index:1 }
/*------------end hight light -------------*/

/*----------------Slide Menu----------------------*/
.transMenu35 {
 position:absolute ; 
 overflow:hidden; 
 left:-1000px; 
 top:-1000px;
}
.transMenu35 .content {
 position:absolute  ; 
}
.transMenu35 .items {

 position:relative ; 
 left:0px; top:0px; 
 z-index:2;  width:112px;
}
.transMenu35  td
{
 padding: 2px 5px 2px 10px !important;  
 font-size: 13px !important ; 
 font-family: Tahoma, Geneva, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #ffffff !important ; height:25px;
} 
#subwrap35 
{ 
 text-align: left ; 
}
.transMenu35  .item.hover td
{ 
 color: #FFF !important ; 
}
.transMenu35 .item { 
 text-decoration: none ; 
 cursor:pointer; 
 cursor:hand; 
}
.transMenu35 .background {
 background-color: #672d00 !important ; 
 position:absolute ; 
 left:0px; top:0px; 
 z-index:1; 
opacity:0.7; filter:alpha(opacity=70) 
}
.transMenu35 .shadowRight { 
 position:absolute ; 
 z-index:3; 
 top:-3000px; width:2px; 
 opacity:0.7; 
 filter:alpha(opacity=70)
}
.transMenu35 .shadowBottom { 
 position:absolute ; 
 z-index:1; 
 left:-3000px; height:2px; 
 -opacity:0.7; 
 filter:alpha(opacity=70)
}
.transMenu35 .item.hover {
 background-color: #333333 !important ; 
}
.transMenu35 .item img { 
 margin-left:10px !important ; 
}
table.menu35 {
 top: 0px; 
 left: 0px; 
 position:relative ; 
 margin:0px !important ; 
 border: 0px solid #195577 ; 
 z-index: 1; 
}
table.menu35 a{
 margin:0px !important ; 
 padding: 4px 5px 4px 5px !important ; 
 display:block !important; 
 position:relative !important ; 
}
div.menu35 a,
div.menu35 a:visited,
div.menu35 a:link {
 font-size: 14px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 color: #ffffff !important ; 
 text-decoration: none !important ; 
 margin-bottom:0px !important ; 
 display:block !important; 
 white-space:nowrap ; 
}
div.menu35 td {
 border-bottom: 1px solid #195577 ; 
 border-top: 1px solid #195577 ; 
 border-left: 1px solid #195577 ; 
 background-color: #195577 !important ; 
} 
div.menu35 td.last35 {
 border-right: 1px solid #195577 ; 
} 
#trans-active35 a{
 color: #ff6600 !important ; 
 background-color: #195577 !important ; 
} 
#menu35 a.hover   { 
 color: #ff6600 !important ; 
 background-color: #195577 !important ; 
}
#menu35 span {
 display:none; 
}
#menu35 a img.seq1,
.transMenu35 img.seq1,
{
 display:    inline; 
}
#menu35 a.hover img.seq2,
.transMenu35 .item.hover img.seq2 
{
 display:   inline; 
}
#menu35 a.hover img.seq1,
#menu35 a img.seq2,
.transMenu35 img.seq2,
.transMenu35 .item.hover img.seq1
{
 display:   none; 
}
#trans-active35 a img.seq1
{
 display: none;
}
#trans-active35 a img.seq2
{
 display: inline;
}
/*----------------End Slide Menu----------------------*/
/*---------------- start tab----------------------*/
.show-project{ overflow:hidden;}
#tab-project{ margin:0; padding:0; height:26px;}
#tab-project ul{margin:0; padding:0;background: #FFC;}
#tab-project li{list-style:none;  float:left; padding:0; margin: 0px 1px 0px 0px; }
#tab-project li a{ text-decoration:none; font-size:13px; color:#666; position:relative; top:1px; display:block; padding:4px 20px; border-top:solid 1px #e7e7e7; border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7;  border-bottom:solid 1px #e7e7e7;}
#tab-project li a:hover{background:#e3e3e3; display:block;}
#tab-project .select{ position:Srelative;}
#tab-project .select a{ border-bottom:solid 1px #FFF; color:#cc0000; font-weight:bold; background:#FFF; display:block; border-bottom:solid 1px #FFF;}
#tab-project .select a:hover{ background:#FFF;}
.project-content{ width:764px; padding:20px 0; overflow:hidden; border-top:solid 1px #e7e7e7; }
.project-content-brand{ width:764px; padding:5px 0; overflow:hidden; }
.project-thumb{ width:242px; height:200px; float:left; margin:5px;}
/*---------------- end tab----------------------*/

/****************************add by kong******************************/
/* .............pagging...............*/
.div_page1{ font-size:11px; color:#fff; padding:4px; background-color:#ff0000; border:#ff0000 1px solid; cursor:pointer; float:left; margin-left:2px; font-weight:bold; }
.div_page_hi1{ font-size:11px; color:#fff; padding:4px; background-color:#000000; border:#000000 1px solid; float:left; margin-left:2px; font-weight: bold; }
.div_info_page{ margin-right:5px; float:left; padding:4px; font-weight: bold; color:#666; }
.div_image{ cursor:pointer; margin-left:2px; float:left; }
.div_float_right{ float:right; margin-right:25px; }
.div_float_left{ float:left; margin-left:25px; }
.div-loading{ visibility:hidden; padding:5px; width:400px; background-color:#f2f2f2; font-weight:bold; border:#AEAEAE 2px solid; margin:auto auto; text-align:center; z-index:11; left:0px; top:0px; position:absolute; }
.div-loading2{ display:none; padding:5px; width:400px; background-color:#f2f2f2; font-weight:bold; border:#AEAEAE 2px solid; margin:0 auto; text-align:center; }
.div-loading3{ display:none; padding:5px; margin:0 auto; text-align:center; }
.div-loading4{ display:none; text-align:center; font-weight:bold; }
/* ........... end pagging...............*/

/* .............style div...............*/
#div-fade{ width:0px; height:0px; position:absolute; top:0px; left:0px; opacity:0.7;filter:alpha(opacity=70); z-index:10; 
background:url(../images/standard/bg-divfade.jpg) top left repeat; display:none; }
#div-fade iframe{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:1000px;/*must have for any big value*/
	height:1000px;/*must have for any big value*/
}
.div-dialog{ visibility:hidden; background-color:#D1E6FB; border:#B5D7F9 8px solid; z-index:11; left:-1px; top:8px;	position:absolute;}
.div-dialog .barTitle{ background-color:#D3E5F9; padding:5px;}
#contentDialogNewsletter{ text-align:center; padding-top:10px; font-weight:bold;}
/* .............end style div...............*/

/* ........... general...............*/
.img-style1 {padding-top:4px; padding-right:8px;}
.img-style2 {border:1px solid #e8e8e8; padding:2px;}
.font1 { color:#713B12; font-size:20px; font-weight:bold;}
.font2 { color:#FF5353 }
.font3 { font-size:11px; color:#666666;}
.cursor1 { cursor:pointer;}
.input-1 { font-size:11px; width:180px;}
.input-2 { font-size:11px; width:150px;}
.input-3 { font-size:11px; width:35px;}
.input-4 { font-size:11px; width:105px;}
.input-5 { font-size:11px; width:125px;}
.txtarea1 { font-size:11px; width:250px; height:70px; font-family:Tahoma, Geneva, sans-serif}
.dropdown1 { width:185px;}
.dropdown2 { width:155px;}
.dropdown3 { width:50px;}
.dropdown4 { font-size:11px; width:185px;}
.dropdown5 { font-size:11px;}
/* ........... end general...............*/

/* ........... news view (ดูข่าว)................*/
#news-show {}
#news-show .titleimg { text-align:center;  }
#news-show .showtopic {  color:#0B7097; font-size:14px; font-weight:bold; padding:10px 0px 0px 20px; }
#news-show .maincontent { padding:5px 20px 0px 20px;  }
#news-show .imgthumb{ margin:10px auto 0px auto; width:658px; overflow:hidden; text-align:center;}
#news-show .imgthumb img{ width:200px; height:150px; border:1px solid #e8e8e8; padding:2px; margin:0px 0px 8px 10px; float:left;}
#news-show .fornonemember { border:1px dashed #E8E8E8; background:#EFEFEF; padding:5px; font-weight:bold; text-align:center; color:#D00;  }
#news-show .infor{ border-top:1px dashed #e8e8e8; padding:5px 0px 0px 20px;}
/* ..........end news view (ดูข่าว)...............*/

/* ........... content list (แสดง homeguide list)................*/
#newscontent { margin:0px auto 5px auto; width:90%; overflow:hidden;}
#newscontent .each-content {border-bottom:1px dotted #ccc;  padding-bottom:3px; height:95px; margin-bottom:4px;}
#newscontent .showimg{ float:left; width:135px;}
#newscontent .showimg img{ border:1px solid #e8e8e8; padding:2px;}
#newscontent .content a { font-size:13px; font-weight:bold; color:#0B7097}
#newscontent .content span { font-style:italic; font-size:11px;}
/* ..........end content list (แสดง homeguide list)................*/

/* ........... journal list................*/
#journal { width:870px; margin:0px auto 0px auto; overflow:hidden; }
#journal .each { width:210px; text-align:center; float:left; height:235px; }
#journal .each .contentimg img{ width:120px; height:155px; border:1px solid #e8e8e8; padding:2px;}
#journal .each .contenttopic { padding-top:3px; width:210px; }
/* .........end journal list................*/

/* ........... contact us..................*/
#main-contactus { width:900px; margin:20px auto 150px auto; overflow:hidden;} 
#main-contactus .cmc-form { width:345px; float:left; }
#main-contactus .cmc-form #tbl-form td { padding:2px; }
#main-contactus .cmc-address { width:245px; float:left; }
#main-contactus .cmc-map { padding-left:10px; width:300px; float:left; }
#main-contactus .alertuser { text-align:center; font-size:13px;}
/* ...........end contact us................*/

/* ...........member......................*/
#regis-rule { width:740px; overflow:hidden; border: solid 1px #d8d8d8; padding:10px 5px; margin:0 auto;}
#regis-rule ul { list-style:none;}
#regis-rule ul li { padding:2px;}
#regis-rule .title{ font-size:18px; color:#214677;}
#regis-rule2 { width:740px; padding:10px 5px; margin:0 auto;}

#regis-form{ width:870px; margin:0px auto 0px auto; overflow:hidden; }
#regis-form .head { padding:3px;}
#regis-form .each { }
#regis-form #tbl-form .title { padding:4px 0px 5px 8px; background-color:#F5F5F5; color:#666666; font-weight:bold; } 
#tbl-form .colum1 { padding:4px 0px 3px 25px;}
#tbl-form ul { width:820px; padding:0px; list-style:none; display:block; overflow:hidden; margin:0px;}
#tbl-form ul li { float:left; width:260px; display:block; padding:3px;}
#tbl-form ul li .licolum1 { width:120px; display:block; float:left; }
#tbl-form ul li .licolum2 {width:150px; display:block; float:left;}

/*--------ลงทะเบียนกรอกแบบสอบถาม-----------*/
#tbl-form .colum2 { text-align:right; padding-right:4px; }
#tbl-form .colum3 { padding:2px 0px 0px 15px; }

#mem-login { width:870px; margin:0px auto 0px auto; overflow:hidden;  }
#mem-login #colum1 { float:left; width:420px;  border:1px solid #D8D8D8; padding:15px 0px; height:350px; }
#mem-login #colum2 { float:left; width:420px;  border:1px solid #D8D8D8;  padding:15px 0px;  margin-left:5px; height:350px;}
#mem-login .title {font-size:16px; color:#214677; font-weight:bold;}
#mem-login ul{ padding-right:20px; list-style:none;}
#mem-login ul .listyle1{ padding:5px 0px 5px 20px; }
#mem-login ul .listyle2{ padding:0px 0px 5px 45px;}
#mem-login .alertLogin { color:#672D00; padding-left:80px; display:none;}

/* ...........end member..................*/

/*------------- home buyers panel------------------*/
.contant-home-buyer{ width:919px; overflow:hidden; margin: 15px auto;}
#box-decorating{width:919px; height:300px;} 
#box-decorating .bar-titile{ width:887px; height:23px; border:solid 1px #ededed; background: url(../images/standard/icon/bl01.gif) no-repeat 10px 6px #FFF; padding-left:30px; }
#box-decorating .titile{ width:200px; line-height:24px; font-size:14px; color:#672d00; font-weight:bold; display:block; float:left;}
#box-decorating .read-more{ width:50px; text-align:center; line-height:23px; font-size:10px; color:#672d00; display:block; float:right;}
#box-decorating .content-show{ width:435px; height:110px; float:left; margin:8px; border-bottom: dotted 1px #ccc;}
#box-decorating .content-show .img{ width:120px; height:90px;padding:2px; border:solid 1px #f4f4f4; float:left;}
#box-decorating .content-show .contant{ width:290px; overflow:hidden; padding-left:15px;}
#box-decorating .content-show .contant a{ font-size:12px; font-weight:bold; color:#0b7097;}

#box-buy-procress{ width:440px; overflow:hidden; float:left; margin:5px 10px 0 5px;} 
#box-buy-procress .bar-titile{ width:408px; height:23px; border:solid 1px #ededed; background: url(../images/standard/icon/bl01.gif) no-repeat 10px 6px #FFF; padding-left:30px; }
#box-buy-procress .titile{ width:200px; line-height:24px; font-size:14px; color:#0b7097; font-weight:bold; display:block; float:left;}
#box-buy-procress .read-more{ width:50px; text-align:center; line-height:23px; font-size:10px; color:#672d00; display:block; float:right;}
#box-buy-procress .content-show{ width:424px; height:110px; float:left; margin:8px; border-bottom: dotted 1px #ccc;}
#box-buy-procress .content-show .img{ width:120px; height:90px;padding:2px; border:solid 1px #f4f4f4; float:left;}
#box-buy-procress .content-show .contant{ width:275px; overflow:hidden; padding-left:15px;}
#box-buy-procress .content-show .contant a{ font-size:12px; font-weight:bold; color:#0b7097;}

#box-homeloan{ width:440px; overflow:hidden; float:left; margin:5px 10px 0 5px;}
#box-homeloan .bar-titile{ width:408px; height:23px; border:solid 1px #ededed; background: url(../images/standard/icon/bl01.gif) no-repeat 10px 6px #FFF; padding-left:30px; }
#box-homeloan .titile{ width:200px; line-height:24px; font-size:14px; color:#0b7097; font-weight:bold; display:block; float:left;}
#box-homeloan .read-more{ width:50px; text-align:center; line-height:23px; font-size:10px; color:#672d00; display:block; float:right;}
#box-homeloan .content-show{ width:424px; height:190px; float:left; margin:8px; background:url(../images/standard/bg-home-loan.jpg) right no-repeat;}
#box-homeloan .content-show ul{ display:block; padding:0 8px; margin:0;}
#box-homeloan .content-show li{ list-style:none; background:url(../images/standard/icon/arrow_red.gif) no-repeat 0 5px; padding: 0 0 0 15px; margin:20px 0; display:block;}
#box-homeloan .content-show li a{font-size:12px; color:#0b7097; font-weight:bold; text-decoration:underline;}
/*------------- end home buyers panel---------------*/

/*------------- start member panel---------------*/
.body-member{ width:907px; overflow:hidden; background: url(../images/standard/member/bg-member.jpg) no-repeat top #FFF; padding:30px;}
.bar-menu-mem{ width:899px; height:25px; margin:0 auto;}
.menu-member ul{ width:575px; margin:0; padding:0; height:24px; display:block; float:right;}
.menu-member li{ margin:0 10px 0 0; line-height:24px; list-style:none; float:left; font-size:14px; font-weight:bold; color:#0d5f83; display:block;}
.menu-member li a{padding:0 10px 0 0; color:#0d5f83; display:block; background:url(../images/standard/icon/bt1.gif) no-repeat right;}
.menu-member li a:hover{padding:0 10px 0 0; color:#576d07; display:block; background:url(../images/standard/icon/bt2.gif) no-repeat right;}
.menu-member li a span{ width:10px; height:24px; background:url(../images/standard/icon/bt1.gif) no-repeat left; display:block; float:left;}
.menu-member li a:hover span{background:url(../images/standard/icon/bt2.gif) no-repeat left;}
.menu-member li .active-mem {padding:0 10px 0 0; color:#576d07; display:block; background:url(../images/standard/icon/bt2.gif) no-repeat right;}
.menu-member li .active-mem span{color:#576d07; display:block; background:url(../images/standard/icon/bt2.gif) no-repeat left;}
.welcom-member{ width:889px; height:30px; margin:50px auto 0 auto; padding: 0 0 0 10px; font-size:13px;}
.welcom-member .titile-wel{ width:400px; line-height:30px; float:left; display:block;}
.welcom-member .point{ width:200px; line-height:30px; font-size:14px; color:#ff0078; text-align:right; padding-right:10px; display:block; float:right;}
.content-member{ width:899px; overflow:hidden; margin:0 auto; clear:both;}
.content-member .border1{width:899px; height:10px; background:url(../images/standard/icon/border.gif) no-repeat top;}
.content-member .border2{width:877px; overflow:hidden; border-left: solid 1px #88a5b2; border-right:solid 1px #88a5b2; padding: 0 10px; color:#6c7c88;}
.content-member .border3{width:899px; height:10px; background:url(../images/standard/icon/border.gif) no-repeat bottom;}
.titile-member{ font-size:18px; color:#0d5f83; font-weight:bold; display:block; margin: 0 0 10px 0; border-bottom:dashed 1px #ccc; padding:0 0 5px 0;}

.search-event{ height:25px; margin:20px 0 20px 0;  border-bottom:dashed 1px #ccc; padding-bottom:20px;}
.search-event label{ line-height:22px; display:block; float:left; font-size:13px; margin: 0 10px 0 0;}
.search-event .field1{ width:143px; height:19px; background:url(../images/standard/form/field1.gif) no-repeat; padding:2px 5px; float:left; margin-right:5px;}
.search-event .field1 input{ width:138px; height:14px; border:0; background:#FFF;}
.search-event .field1 select{ width:138px; height:18px; border:0; font-size:12px; float:left;  margin-right:5px;  background:#FFF;}
.search-event .bt-search-event{ width:24px; height:23px; background: url(../images/standard/icon/bt-search.gif) no-repeat; display:block; float:left;}

.member-show-titile{ font-size:14px; font-weight:bold; color:#6eb300; display:block; margin: 0 0 10px 0; }
.member-event-show{overflow:hidden; padding:20px 20px 10px 90px; margin: 10px 0 0 0; font-size:13px; background:url(../images/standard/icon/icon-join-in-the.gif) no-repeat 20px 10px; }
.member-event-show .link {font-size:12px; color:#0d5f83; font-weight:bold;}
.member-event-show .link:hover { text-decoration:underline;}
.member-event-gallery{ overflow:hidden; padding:20px 10px 30px 90px; margin: 10px 0 0 0; font-size:13px; background:url(../images/standard/icon/star_32.gif) no-repeat 40px 10px; border:dashed 1px #ddeeb1; height:100px; width:775px;}
.member-event-gallery  .thumb-gal{ width:365px; float:left; margin:0px 20px 0px 0px;}
.member-event-gallery  .thumb-gal img{ width:100px; height:75px; float:left; margin-right:10px;}
.member-event-gallery  .thumb-gal a{ font-size:12px; color:#0d5f83;}
.member-event-gallery  .thumb-gal a:hover{ text-decoration:underline;}

.member-event-calendar{ overflow:hidden; padding:20px 10px 20px 40px; margin: 10px 0 0 0; font-size:13px; background:url(../images/standard/icon/ico-quotes.gif) no-repeat 40px 10px;}
.member-calendar-titile{ font-size:14px; font-weight:bold; color:#6eb300; display:block; margin: 0 0 10px 50px; }
.box-thumb-calendar{overflow:hidden; padding:10px 10px 20px 40px; margin: 10px 0 0 0; font-size:13px;}
.box-thumb-calendar #topic-lastevent{ font-weight:bold; color:#0D5F83; font-size:15px;}
.thumb-calendar{ width:800px; height:60px; border-bottom: solid 1px #e1e1e1; margin:20px 0 5px 0;}
.thumb-calendar .box-date{ width:36px; height:39px; background:url(../images/standard/icon/calendar_bg.gif) no-repeat; float:left; margin-right:15px;}
.thumb-calendar .box-month{ line-height:14px; font-size:10px; color:#FFF; text-align:center; display:block;}
.thumb-calendar .box-day{ height:25px; font-size:18px; color:#0d5f83; text-align:center; display:block;}
.thumb-calendar .show-calen-detail{ overflow:hidden; font-size:11px;}
.thumb-calendar .show-calen-detail b{font-size:12px;}
.thumb-calendar .show-calen-detail a:hover{ text-decoration:underline; }

.member-user-data{ overflow:hidden; padding:20px 10px 20px 80px; margin: 10px 0 0 0; font-size:13px; background:url(../images/standard/icon/golden_offer.gif) no-repeat 40px 10px;}
.member-user-data-titile{ font-size:14px; font-weight:bold; color:#6eb300; display:block; margin: 0 0 10px 0; }

.member-event-all{ width:877px; overflow:hidden;}
.member-event-all .tb-color1{ font-size:12px; font-weight:bold; background:#cfe797; text-align:center; color:#0d5f83;}
.member-event-all .tb-color2{ background:#f0f4f9;} 
.member-event-all .tb-color2 a{ color:#0d5f83;}
.member-event-all .tb-color2:hover{ background:#e7edf3; color:#00285e;}
.member-event-all ul{ height:30px; margin:20px 0 50px 0; border-bottom:solid 1px #d3d3d1; display:block;}
.member-event-all li{ width:130px; line-height:30px; text-align:center; font-size:14px; display:block; list-style:none; float:left; float:right; background:#e4e7ea;}
.member-event-all li a{ padding:0 20px; display:block; color:#0d5f83;}
.member-event-all li a:hover{ background:#FFF;}
.member-event-all .active-tab{ height:29px; border-left:solid 1px #d3d3d1;  border-top:solid 1px #d3d3d1;  border-right:solid 1px #d3d3d1; border-bottom:solid 1px #f3f7fa; position: relative; background:#f3f7fa; display:block; top:1px;}

/*.member-event-all label{ width:180px; height:20px; float:left; display:block; text-align:right; padding-right:10px;}*/
.member-event-all .input-text{ width:180px; height:15px; display:block; font-size:14px;}
.member-event-all .thisspan{ height:30px; display:block; margin-bottom:8px; font-size:14px;}
.member-event-all .bt{ width:110px; height:30px; background:#672d00; border:0; color:#FFF; font-size:16px; margin:0 0 50px 300px;}
/*....div แสดงผลการบันทึก editprofile และ editpassword ....*/
.member-event-all .alertSuccess{padding:10px; font-weight:bold; background-color:#b4ddee; color:#146084; margin-bottom:5px;}

.box-point{ width:320px; height:100px; background:#FFF; font-size:22px; margin:20px; padding:20px; border:dashed 1px #390;}
.box-point .font-point{ font-size:36px; color:#ff0078; text-align:center; margin:10px 0 0 0;}

#barcalendar { width:800px; margin:0px auto; text-align:right;}
#barcalendar .link1 { color:#666; font-weight:bold; }
#barcalendar a:hover { text-decoration:underline;}
#column-calendar{font-size: 14px; line-height: 12px; margin: 8px auto;width: 800px;}
#column-calendar #tbl-calendar{border-style: none; border-width: 0px; border-collapse: collapse;}
#column-calendar th	{color: #072349; font-size: 13px; font-weight: bold; height: 30px;text-align: center;}
#column-calendar td	{background: #dae4f1;border: 1px solid #96a9c1;color: #274a79;font-weight: bold;height: 50px;text-align: center;width: 14%;}
#column-calendar td.emptyday{background: #fff;}
#column-calendar .isday{ text-decoration:underline; font-weight:bold; color:#86BC2C; }
#column-calendar .isevent{ background: #4b7aba; color:#FFF; cursor:pointer;}
#column-calendar .isevent-hover{ background: #9bb3d3; cursor:pointer;}
#column-calendar .go-left{ width:34px; height:30px; background:url(../images/standard/icon/go-left.gif) no-repeat; display:block; float:left;}
#column-calendar .go-right{ width:34px; height:30px; background:url(../images/standard/icon/go-right.gif) no-repeat; display:block; float:right;}

/*.............ฟอร์มแก้ไขข้อมูลส่วนตัว............*/
.memEditForm .title { padding:4px 0px 5px 8px; background-color:#F5F5F5; color:#666666; font-weight:bold;} 
.memEditForm .colum1 { padding:4px 0px 3px 25px;}
.memEditForm .thisul { width:850px; padding:0px 0px 0px 20px; list-style:none; overflow:hidden; margin:0px;}
.memEditForm .thisli { width:260px; margin-right:2px; float:left; padding:3px; }
/*.............ฟอร์มแก้ไขข้อมูลส่วนตัว............*/

/*------------- end member panel---------------*/