/* ******************************************************************** */
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
a { text-decoration:none;}
html, body{
 margin:0;
 padding:0;
 height:100%;
 text-align:center;
}

#pagewidth{
 width:1024px;
 text-align:left;
 margin:0 auto;
 background:#f5f5f5 url("images/new/0-bg.gif");
}

#header{
 position:relative;
 height:160px;
 background-color:#e4002c;
 background-image:url("images/new/a-header.jpg");
 background-repeat:no-repeat;
 width:100%;
 display:block;
 overflow:auto;
}
#logo{
 margin:28px 0 0 0;
 float:left;
}
#loginbttn{
 margin:100px 8px 0 0;
 float:right;
 font-size:12px;
}
#loginbttn>a:link,#loginbttn>a:visited{
 color:green;
}
#maincol{
 padding: 10px 18px 0px 18px;
 position: relative;
 width: 787px;
 float: right;
 min-height: 917px;
}

#footer{
 height:48px;
 background:#eeeeee url("images/new/footer.png") repeat-x bottom;
 clear:both;
 display:block;
 overflow:auto;
 text-align:center;
 font-size:12px;
 padding:10px;
 line-height:17px;
}
#leftcol{
 width:193px;
 margin-left:8px;
 float:left;
 position:relative;
 background-color:#ee913f;
}
#left-sub{
 width:100%;
 float:left;
 position:relative;
 min-height:622px;
 background-color:#ee913f;
 background:url("images/1-left.jpg") no-repeat;
}
#man{
 margin:10px 0 10px 0;
 text-align:center;
}
#leftcol ul{
margin:0;
padding:0;
}
#leftcol li{
 list-style-type:none;
 margin-left:0px;
 padding:0;
 clear:none;
 display:block;
 line-height:50px;
 font-size:18pt;
 color:#ffffff;
 text-indent:44px;
 background:url("images/menu-bg1.jpg") no-repeat 0px 0px;
}
#leftcol li ul{
 display:none;
}
#leftcol li li{
 padding:0;
 margin:0;
 list-style-type:none;
 line-height:50px;
 font-size:16pt;
 text-indent:64px;
 background:url("images/menu-bg.jpg") no-repeat 0px;
}
#leftcol li a{
 color:white;
}
#leftcol li li a{
 color:black;
}
#hotsale,#allsale{
  margin-bottom:35px;
}
#hotsaleframe{
 margin:0;
 width:731px;
 height:379px;
 float:left;
 position:relative;
 background:url("images/hotsale-frame.jpg") no-repeat -3px;
}

#hot-sales,#all-sales{
 min-height: 200px;
 padding:39px 0px 5px 0px;
}

#hot-sales{
 background:url("images/b-1.png") no-repeat;
}

#all-sales{
 background:url("images/b-2.png") no-repeat;
}

.blk{
 width: 390px;
 min-height:160px;
 position:relative;
}

#sales{
 background:#ffffff url("images/c.png");
 float:right;
}
#bible{
 height:47px;
 font-size:16px;
 text-align:center;
 line-height:30px;
 background:url("images/bar.png") no-repeat;
}
.sale1 a:link, .sale1 a:visited{
 color:#f2594b;
}
.sale1 img{
 height:113px;
}
.sale1>li{
 font-size:13px;
 line-height:20px;
 list-style:none;
}
.sale1>li:nth-child(2){
 color:#f2594b;
 font-weight:bold;
}
.sale1{
 margin:0;
 float:left;
 position:relative;
 margin-left:32px;
 width:172px;
}
.sale1:first-child{
 margin-left:0px; 
}
.head-mark{
 font-size:11pt;
 line-height:30px;
 text-indent:60px;
 height:40px;
 background:url('images/head-mark.png') no-repeat;
}
.hotsale-button{
 width:28px;
 float:left;
 position:relative;
 margin-top:152px;
}
#news{
 width:389px;
 height:150px;
 background:url('images/index-news.png') no-repeat;
 float:left;
 font-size:13px;
 overflow:hidden;
}
#news>div{
 margin:0;
 margin-top:30px;
}
#news>div>li{
 list-style:none;
 line-height:20px;
 margin-left:24px;
 margin-right:24px;
}
#news>div>li:nth-child(odd){
 margin-top:10px;
 color:#00a0e7;
 margin-left:12px;
}
#salesmen{
 width:379px;
 height:150px;
 float:right;
 background:url('images/index-salesmen.png') no-repeat;
}
#salesmen li{
 list-style:none;
 margin-left:15px;
 float:left;
 position:relative;
 width:75px;
}
#salesmen li>img{
 width:58px;
 height:66px;
 display:block;
 margin-bottom:4px;
}
#salesmen>div{
 margin:45px 0 0 15px;
 font-size:13px;
}
#index-info-img{
 width:492px;
 height:333px;
 margin:20px;
 float:left;
 text-align:center;
}
#index-info{
 margin:10px 20px 10px 0px;
 font-size:13px;
 width:170px;
 float:right;
}
#index-info>li{
 list-style:none;
 line-height:20px;
}
#index-info>li:nth-child(1){
 margin-bottom:20px;
 text-align:center;
 font-size:16px;
 color:#f2594b; 
 font-weight:bold; 
}
#index-info1{
 height:215px;
 font-size:13px;
}
#index-info1>li{
 list-style:none;
 line-height:20px;
}
.info1nm{ //>li:nth-child(1)
 line-height:40px;
 margin-bottom:20px;
 text-align:center;
 font-size:16px;
 color:#f2594b;
 font-weight:bold; 
}
#index-info2{
 height:128px;
}
#ttt{
 z-index:100;
}
.rborder{
 padding:20px;
 min-height:500px;
 border-radius:8px;
 box-shadow:0px 0px 3px 3px #ccc;
 font-size:16px;
 line-height:24px;
 color:black;
 background:#ffffff;
 position:relative;
 behavior: url(PIE.htc)
}
.mg_pic{
 width:180px;
 height:180px;
 overflow:hidden;
}
.title{
// padding:5px;
// border-left:3px solid #888;
// border-right:3px solid #888;
 margin-bottom:10px;
 font-size:20px;
 color:#e71939;
 line-height:50px;
}
.title:before, .title:after{
  content: "　"; /* this is   char, not a normal space char*/
  top: 0;
//  display: block;
//  position: absolute;
  width: 12px;
//  height: 36px;
  background: url(images/title_bg.png) no-repeat;
}
.title:before {
  left: -12px;
  background-position: top left;
}
.title:after{
  right: -12px;
  background-position: top right;
}
.title2{
 font-size:16px;
 color:#e71939;
 line-height:24px;
}
.rf{
 color:#E50029;
}
/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* ******************************************************************** */
/*                      printer styles                                  */
/* ******************************************************************** */

 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

/*取消 Html 原有樣式---------------------------------*/
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
/*House_List*/
#searchBox{float:left;width:788px;height:148px;background:url(images/border.png) no-repeat;font-size:16px;color:#40ac72;padding-top:12px;}
#searchBox .Zone{float:left;width:355px;}
#searchBox span{float:left;margin-left:61px;width:355px;height:21px;margin-top:18px;}
#searchBox span p{float:left;line-height:21px;margin-top:0px;}
#searchBox span .input{float:left;line-height:19px;width:71px;height:19px;border:1px solid #e5e5e5;margin-left:10px;color:#404040;padding-left:7px;}
#searchBox .radioBar{float:left;line-height:21px;margin-top:0px;margin-left:2px;}
#searchBox .radioBar .radio{float:left;}
#searchBox .radioBar p{float:left;color:#404040;}
#searchBox .Zone .p1{color:#404040;}
#HouseList{float:left;margin-top:32px;margin-left:75px;width:636px;}
#HouseList #title{float:left;width:100%;text-align:center;color:#e3002c;height:34px;}
#HouseList #title ol,ul {list-style:none;margin:0;padding:0;}
#HouseList #title li{float:left;background:url(images/title.png) no-repeat;width:109px;padding-top:4px;height:30px;margin-right:10px;cursor:pointer;}
#HouseList #House .list{float:left;width:100%;height:150px;border-bottom:1px solid #c9caca;margin-bottom:10px;}
#HouseList #House .list .left{float:left;width:207px;height:142px;}
#HouseList #House .list .left img{width:207px;height:142px;}
#HouseList #House .list .right{float:left;position:relative;margin-left:48px;width:381px;}
#HouseList #House .list .right h4{font-weight:normal;color:#e3002c;font-size:14px;float:left;margin-top:5px;width:100%;padding:0px;font-size:100%;}
#HouseList #House .list .right .word{float:left;color:#404040;font-size:14px;width:100%;margin-top:4px;}
#HouseList #House .list .right .word2{float:left;margin-top:16px;color:#404040;font-size:14px;width:100%;line-height:18px;}
#HouseList #House .list .right .more{position:absolute;right:11px;bottom:0px;width:27px;height:14px;border:1px solid #e4e2db;text-align:center;line-height:14px;font-size:10px;color:#e82f51;}
.page{float:right;width:202px;}
.page p.on{float:right;margin-left:2px;width:13px;height:18px;background-color:#fea660;border:1px solid #dec035;color:#ffffff;text-align:center;line-height:18px;font-size:12px;}
.page p{float:right;margin-left:2px;width:13px;height:18px;background-color:#feffdb;border:1px solid #dec035;color:#000000;text-align:center;line-height:18px;font-size:12px;cursor:pointer}
.page .prev{float:right;width:50px;height:17px;background-color:#feffdb;border:1px solid #dec035;text-align:center;line-height:18px;display:inline;font-size:12px;margin-right:5px;}
.page .next{float:right;margin-left:2px;width:50px;height:17px;background-color:#feffdb;border:1px solid #dec035;text-align:center;line-height:18px;margin-left:7px;display:inline;font-size:12px;}
.canPoint{cursor:pointer;}

/*Team*/
#teamText{float:left;margin-top:32px;margin-left:75px;width:636px;}
#teamText #title{float:left;width:100%;text-align:center;color:#e3002c;height:34px;}
#teamText #title ol,ul {list-style:none;margin:0;padding:0;}
#teamText #title li{float:left;background:url(images/title.png) no-repeat;width:109px;padding-top:4px;height:30px;margin-right:10px;cursor:pointer;}
#teamZone{float:left;width:620px;padding-left:7px;padding-top:5px;min-height:500px;}
#teamZone>li>div.col1{ float:left; position:relative;width:70px;}
#teamZone>li>div.col2{ float:right; position:relative;width:550px;}
#teamZone li{list-style:none;float:left;margin-top:11px;}
#teamZone hr{display:block;clear:both;}

/*News*/
#newsText{float:left;margin-top:32px;margin-left:75px;width:636px;}
#newsText #title{float:left;width:100%;text-align:center;color:#e3002c;height:34px;}
#newsText #title ol,ul {list-style:none;margin:0;padding:0;}
#newsText #title li{float:left;background:url(images/title.png) no-repeat;width:109px;padding-top:4px;height:30px;margin-right:10px;cursor:pointer;}
//#textZone{float:left;width:680px;height:625px;background:url(images/textbg.png) no-repeat;padding-left:7px;padding-top:5px;}
#textZone{float:left;width:620px;padding-left:7px;padding-top:5px;min-height:500px;}
#textZone p{margin:15px;line-height:1.5em;}
#newsZone{float:left;width:687px;}
#newsZone li{float:left;width:343px;margin-top:11px;}
#newsZone li p{color:#e3002c;float:left;}
#newsZone li a{color:#a8886a;float:left;}

/*Contact*/
#contact{float:left;margin-top:32px;margin-left:75px;width:636px;}
#contact #title{float:left;width:100%;text-align:center;color:#e3002c;height:34px;}
#contact #title ol,ul {list-style:none;margin:0;padding:0;}
#contact #title li{float:left;background:url(../images/title.png) no-repeat;width:109px;padding-top:4px;height:30px;margin-right:10px;cursor:pointer;}
#contactTable{position:relative;float:left;margin-top:45px;background:url(images/contact_bg.png) no-repeat;width:676px;height:397px;}
#contactTable .name{position:absolute;top:43px;left:55px;width:216px;height:28px;line-height:28px;border:1px;color:#b3b3b3;font-size:16px;}
#contactTable .tel{position:absolute;top:83px;left:55px;width:216px;height:28px;line-height:28px;border:1px;color:#b3b3b3;font-size:16px;}
#contactTable .email{position:absolute;top:124px;left:55px;width:216px;height:28px;line-height:28px;border:1px;color:#b3b3b3;font-size:16px;}
#contactTable .comment{position:absolute;top:173px;left:55px;width:560px;height:130px;line-height:30px;border:1px;overflow:auto;color:#b3b3b3;font-size:16px;}
#contactTable .send{position:absolute;top:345px;left:296px;width:93px;height:18px;text-indent:-9999px;display:block;background:url(images/send02.png) no-repeat;}

/*Epaper*/
#epaper{float:left;margin-top:32px;margin-left:75px;width:636px;}
#epaper #title{float:left;width:100%;text-align:center;color:#e3002c;height:34px;}
#epaper #title ol,ul {list-style:none;margin:0;padding:0;}
#epaper #title li{float:left;background:url(../images/title.png) no-repeat;width:109px;padding-top:4px;height:30px;margin-right:10px;cursor:pointer;}
#epaper #epaperForm{position:relative;float:left;width:319px;height:195px;background:url(images/epaper_bg.png) no-repeat;margin-top:105px;margin-left:140px;}
#epaper #epaperForm .name{position:absolute;top:42px;left:51px;width:190px;height:28px;line-height:28px;border:none;color:#b3b3b3;font-size:16px;}
#epaper #epaperForm .email{position:absolute;top:92px;left:51px;width:190px;height:28px;line-height:28px;border:0px;color:#b3b3b3;font-size:16px;}
#epaper #epaperForm .send{position:absolute;top:153px;left:181px;width:93px;height:18px;text-indent:-9999px;display:block;background:url(../images/submit.png) no-repeat;}
#epaper #epaperForm .send:hover{background:url(../images/submit_over.png) no-repeat;}

/*Login*/
#login{float:left;margin-top:32px;margin-left:75px;width:636px;}
#login #loginForm{position:relative;float:left;width:319px;height:194px;background:url(images/login_bg.png) no-repeat;margin-top:105px;margin-left:140px;}

#login #loginForm .account{position:absolute;top:43px;left:51px;width:190px;height:28px;line-height:28px;border:none;color:#b3b3b3;font-size:16px;}
#login #loginForm .password{position:absolute;top:93px;left:51px;width:190px;height:28px;line-height:28px;border:0px;color:#b3b3b3;font-size:16px;}
#login #loginForm .send{position:absolute;top:153px;left:181px;width:93px;height:18px;text-indent:-9999px;display:block;background:url(images/login.png) no-repeat;}
#login #loginForm .send:hover{background:url(images/login_over.png) no-repeat;}
#login #loginForm .send:active{background:url(images/login_over.png) no-repeat;}