body {                                                                                  
  margin:0;
  padding:0;
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; 
  font-size:18px; 
}       
input, select {
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; 
  font-size:18px; 
}
a:link, a:visited, a:hover, a:active {
	color: #7f1399;
	text-decoration: none;
}    
#main{
  float:left;   
  width:100%;
}        
#content {
  margin: auto;  
  width:1120px;   
}              
#content h2.header {
  float:left;
  width:100%;
  font-size: 24px;
  margin: 50px 0 20px 0;
}
#top{
  margin: auto;
  width:1120px; 
  height:180px;
}    
#top .div1{
  width: 632px;
  float:left;  
}
#top .div2{
  width: 229px;
  float:left;
}
#top .div3{
  width: 225px;
  float:left;
}
#top .logo {
  margin:27px 0 0 30px;
}
#top .recruit {
  float:left;
  margin: 42px 0 0 0;
}
#top .facebook {
  float:left;
  margin:0 0 0 15px;
}
#top .share {
  float:left;
  margin:50px 0 0 0;
}
#top .apps {
  float:left;
  margin:5px 0 0 0;
}           
            
#menu{
  float:left;
  width:100%;
  min-width:1120px;  
  background: #7f1399; 
  height:50px;
}      
nav {       
  margin:auto;
  width:1120px;
  padding:6px 0 0 0;
}
nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
nav ul li {
  display:inline-block;
  position:relative;
}

nav a.home{
  background-image:url('../images/menu_start.gif');
  background-position:left 7px;
  background-repeat:no-repeat;
  padding-left: 30px;
}

/* sub navigation */
nav li ul {    
  background:#6d207c;
  position:absolute;
  left:0;
  top:40px; /* make this equal to the line-height of the links (specified below) */
  width:200px;
  z-index: 999;  
}
nav li li {
  position:relative;
  margin:0;
  display:block;
}
nav li li ul {
  position:absolute;
  top:0;
  left:200px; /* make this equal to the width of the sub nav above */
  margin:0;
}

nav a {
  line-height:40px;
  padding:0 12px;
  margin:0 12px;
  text-decoration:none;
  display:block;
}

nav a:link, nav a:visited, nav a:hover, nav a:active {
	color: #fff;
}

nav a:hover,
nav a:focus,
nav a:active {
  color:#ffcd6b;
}

/* style sub level links */
nav li li a {
  border-bottom:solid 1px #953baa;
  margin:0 10px;
  padding:0;
}
nav li li:last-child a {
  border-bottom:none;
}

/* show arrows for dropdowns */
nav li.dropdown > a {
  background-image:url('../images/arrow-down.png');
  background-position:right 20px;
  background-repeat:no-repeat;
}

nav li li.dropdown > a {
  background-image:url('../images/arrow-right.png');
  background-position:right 16px;
  background-repeat:no-repeat;
}
/* hide sub menu links */
ul.sub-menu {
  display:none;
}    
#banner{
  float:left;
  width:100%;
  margin:10px 0 0 0;    
}

#banner .border{
  background: #9379d0;
  width:1120px;
  height:262px;    
}


#banner #slider{
  float:left;
  width:1118px;
  height:260px;
  margin:1px;
  background: #fff;
}

#banner #slider img{
  display:none;
}

#banner .button{
  float:left;   
  width:100%;            
}      

#banner .button div{
  float:left;
  height:40px; 
  background:#9379d0;  
  color: #fff;  
  text-align:center;
  line-height:40px;
  width:139px;
  margin: 0 1px 0 0;
  cursor:pointer;
}

#banner .button div.active {
  background:#7f1399;
}                

#banner .button .last{
  width:140px;
  margin: 0;
}

.box {
  float:left;
  width:100%;
  margin: 10px 0 0 0;
}

.box .hd{
  float:left;
  width:100%;     
  background: #9379d0;
  color:#fff;
  height:40px;
  line-height:42px;   
}

.box .hd h2{
  float:left;
  margin: 0 0 0 15px;
  font-size: 18px;
  font-weight:normal;
  padding:0;   
}

.box .border{
  float:left;
  width:100%;
  background: #9379d0;   
}    

.box .ct{
  float:left;
  width:1118px;
  background: #fff;
  margin:1px;    
}

.box .ct .bd{
  float:left;
  margin:10px;  
}

.box .more {
  float:right;
  margin: 15px 20px 0 0;
  font-size: 15px;
  line-height:15px;   
}


.box .more a{
  color:#fff;
}
        

#index-new-property {
  float:left;               
}
       
#index-new-property .hd {
  background-image: url('../images/icon_newproperty.gif');
  background-repeat: no-repeat;
  background-position: 95px 13px;
}   

#index-new-property .item{
  float:left;
  width: 209px;
  height: 174px;
  font-size: 15px;
  line-height: 24px;  
  margin-left:10px; 
}

#index-new-property .item.first{
  margin-left:5px;
}              


#index-new-property .item .td {  
  margin:0;            
}

#index-new-property .logo {      
  position: relative;
  width: 209px;
  height: 140px;
  overflow: hidden;
  border:1px solid #ddd;
}

#index-new-property .logo img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


#index-new-property .name{
  width:100%;
  line-height: 20px;
  font-size: 15px;
  margin: 10px 0 0 0;
  text-align:center;    
}

.left-bd{
  float:left;
  width:840px;
}

.right-bd{
  float:left;
  width:270px;
  margin-left:10px;
}
      
.etabs { margin: 0; padding: 0; }
.tab { 
  display: inline-block; 
  zoom:1; 
  *display:inline;      
  background: #9379d0; 
  border: solid 1px #9379d0;
  border-bottom: none; 
  padding: 4px 0;
  width:110px;
  text-align:center;
}

.tab a { color: #fff;font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration:none}
.tab a:hover { text-decoration:none }
.tab.active { background: #7f1399; position: relative; border-color: #9379d0; }

.tab-container .panel-container { 
  float:left;
  background: #fff; 
  border: solid #9379d0 1px; padding: 10px 0 0 10px; 

}
.panel-container { margin-bottom: 0; }

#index-property-promos {
  float:left;
  width:840px;
  margin: 10px 0 0 0;
}   

#index-property-promos .item{
  float:left;
  width: 195px;
  height: 244px;
  margin:0 10px 10px 0;
  font-size: 15px;
  border: 1px solid #ddd;
  line-height: 24px;
}

#index-property-promos .item .td{
  margin:8px;
}

#index-property-promos .photo {      
  position: relative;
  width: 180px;
  height: 120px;
  overflow: hidden;
}

#index-property-promos .photo img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


#index-property-promos .bldg{
  width:100%;
  line-height: 30px;
  font-size: 18px;
  margin: 6px 0 0 0;
  font-weight:bold;     
}
#index-property-promos b{
  color:#f00;
}       
#index-property-promos img.photos{      
  width:820px;
}

#index-property-search{
  float:left;
  width:270px;
}

#index-property-search.box .ct{     
  width:268px;     
}   
       
#index-property-search .hd {
  background-image: url('../images/icon_propertysearch.gif');
  background-repeat: no-repeat;
  background-position: 12px 8px;
}    

#index-property-search h2{
  margin: 0 0 0 40px;
}

#index-property-search .search{
  float:left;
  margin:5px 5px 0 5px;
  padding:0;   
  height:45px;      
}
#index-property-search .search input{
  padding:5px;
  font-size: 17px;    
}
#index-property-search .search form{
  margin:0;
  padding:0;
}      

#index-property-search .search form input {
    border: 1px solid #7f1399;
    padding: 7px;
    width: 100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;      
    padding-right: 60px;                            
    height: 32px;
}
#index-property-search .search form button {
    background: #7f1399;
    border: none;
    padding: 7px 10px;
    height: 32px;
    float: right;
    position: relative;
    top: -32px;  
    color:#fff; 
    font-size:15px;
}

#index-property-search .promos{
  float:left;  
  margin:0 5px 5px 5px;            
}
#index-property-search .promos ul{
  padding:0;
  list-style-type: none;
  margin:0;   
}
#index-property-search .promos ul li{
  font-size: 15px;
  font-weight:bold;
  float:left;
  margin:2px 18px 2px 0; 
}
#index-property-search .promos ul li a{       

}
#index-property-search .promos b{
  font-size: 15px;       
  line-height: 15px;
  color: #333;    
}                  
#index-online-listing {
  float:right;
  width: 270px;
  height:120px;
  background:#7f1399;  
  margin-top:10px;
  cursor:pointer;
}                   
#index-online-listing img {
  margin: 24px 0 0 24px;
  float:left;
}
#index-online-listing p{
  float:left;
  margin: 52px 0 0 12px;
  font-size: 26px;
  color:#fff;
}                
#index-propertynews {
  float:right;
  width: 270px;
  height:120px;
  background:#7f1399;  
  margin-top:10px;
  cursor:pointer;
}                   
#index-propertynews img {
  margin: 16px 0 0 20px;
  float:left;
}
#index-propertynews p{
  float:left;
  margin: 60px 0 0 20px;
  font-size: 26px;
  color:#fff;
}       
#index-propertynews a{
  float:left;
  width:100%;
  height:100%;
}            
#index-news {
  float:left;
  width:270px;
}                  
#index-news.box .ct{     
  width:268px;
}                  
#index-news .item{
  float:left;
  width:100%;
  margin: 10px 0 10px 0;
  font-size: 15px;
  line-height: 22px;
}

#index-news .item .td{
  float:left;
  width:100%;
}

#index-news .item b{

}

#index-news .item span{
  font-size: 13px;
  color:#666;
  margin-left: 5px;
}

#index-trannews{
  float:left;
  width:270px;
}

#index-trannews.box .ct{     
  width:268px;
} 

#index-trannews .item{
  float:left;
  width:100%;
  margin: 10px 0 10px 0;
  font-size: 15px;
  line-height: 22px;
}

#index-trannews .item .td{
  float:left;
  width:100%;
}

#index-trannews .item b{

}

#index-trannews .item span{
  font-size: 13px;
  color:#666;
  margin-left: 5px;
}


#index-tran{
  float:left;
  width:840px;
}

#index-tran.box .ct{     
  width:838px; 
}   

#index-tran.box .ct .bd{
  margin:0;
}

#index-tran table {
  float:left;
  width:838px;
  background:#fff;
  font-size: 15px;
}
#index-tran table {
  border-collapse: collapse;
}

#index-tran table, #index-tran table th, #index-tran table td {
  border: 1px solid #e6e6e6;      
}
.clickable{
  cursor:pointer;
}             
#index-tran tr:hover {
  background: #fffae0;
}
#index-tran td {
  padding:8px 6px;
}
#index-tran thead td {
  color: #7f1399;
  font-weight:bold;
  text-align:center;
  background:#efe8ff;
}
#index-tran tbody td.input {
  width: 100px;  
  text-align:center;
}
#index-index-tran tbody td.address {
  width: 200px;  
}
#index-tran tbody td.floor {
  width: 60px;
  text-align:center;  
}
#index-tran tbody td.unit {
  width: 60px;  
  text-align:center;
}
#index-tran tbody td.gross {
  width: 60px;  
  text-align:center;
}
#index-tran tbody td.price {
  width: 80px;  
  text-align:center;
}
#index-tran tbody td.unitprice {
  width: 80px;  
  text-align:center;
}


#index-trantrends{
  float:left;
  width:840px;
}

#index-trantrends.box .ct{     
  width:838px;
}   

#other{
  float:left;
  width:270px;
  margin-left:10px;
}

#other.box .ct{     
  width:268px;     
}   


#copyright {
  float:left;     
  width:100%;
  min-width:1120px;  
  background: #482e58;
  margin: 10px 0 0 0; 
  padding-bottom:20px; 
}

#copyright .bd{   
  margin: auto;  
  width:1120px;
}

#copyright .logo{
  position: relative;
  background-image:url('../images/footer_logo.gif');
  background-position:left 7px;
  background-repeat:no-repeat;  
  width:340px;
  height:86px;  
  top: 210px;
}
                    
#copyright .info{
  float:left;
  width:100%;
}               

#copyright ul.group{
  float:left;
  width:1120px;  
  margin:20px 0 30px 0;
  padding:0;
}

#copyright ul.group li b{
  font-size: 16px;      
  font-weight: normal;
  line-height: 24px;     
  color:#ecde98;
}

#copyright ul.group li{
  float:left;
  list-style-type: none;
  width:15%;       
}

#copyright ul.group li.branch{  
  width:40%;       
}


#copyright ul.group li ul{
  margin:10px 0 0 0;
  padding:0;
  
}

#copyright ul.group li ul li{
  float:left;
  width:100%;
  list-style-type: none;
  margin:0;
  font-size: 13px;
  line-height: 24px;       
}



#copyright div{
  display:block;
  font-size: 13px;
  margin:0;
  color:#ccc;         
}
#copyright span {
  float:left;
}

#copyright a{
  color:#ccc;
}

#copyright .email{
  float:left;
  width:100%;
  margin: 10px 0 20px 0;
}


#copyright .powerby{
  margin: 0 0 0 50px;
}
#copyright .visitcount{
  margin: 0 0 0 50px;
}
#copyright .pagecount{
  margin: 0 0 0 50px;
}

#copyright li.branch ul li b{
  float:left;
  font-weight:normal; 
  font-size: 13px;
  color:#ccc;
}

#copyright li.branch ul li span{
  float:left; 
  margin-left:10px;
  font-size: 13px;
}

#profile .bd{
  float:left;
  margin: 0 0 50px 0;
}
#profile .awards{
  float:left;
}
#profile .awards img{
  width: 150px;
}

#tran_trends iframe{
  width:100%;
}
#tran_trends {
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}
#bankval .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#bankval td { 
  border: 1px solid #eee;
}

#recruit {
  float:left;
  margin-top: 20px;
}
#recruit .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#recruit h3{
  margin: 40px 0 10px 0;
  padding:0;
}

#branch .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
  
}

#branch .item {   
  float:left;
  width:220px;         
  height:370px;    
  border:1px solid #ddd;
  margin:0 10px 20px 0;

}
#branch .item .td{
  padding:10px;
}
#branch .item b{
  float:left;
  width:100%;
  margin: 5px 0 5px 0;
  color:#7f1399;
}
#branch .item p{    
  float:left;
  width:100%;
  padding:0;
  margin:0 0 0 0;
  line-height:26px;
}
#branch .item i{
  float:left;
  padding:0;
  margin:10px 0 0 0;
  line-height:26px;    
  height:86px;
  font-style:normal;
}
#branch .item .info{
  float:left;
  margin: 10px 0 0 0;
}
#branch .item .photo{
  float:left;
  width:200px;
  height:150px;
  text-align:center;
  background:#eee;
}

#branch .item img.photo{
  width:200px;
  height:150px;
}

#mortgage{
  float:left;
  width:100%;
}

#mortgage .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#mortgage iframe{
  width:100%;
  height:960px;
}
#links{
  float:left;
  width:100%;
}

#links .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#link{
  float:left;
  width:100%;
}

#link .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#link h3{
  float:left;
  width:100%;
  margin: 0 0 10px  10px;
}

#school .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#floorplan .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}


#floorplan table table {
  border-collapse: collapse;
}
#floorplan table table, #floorplan table table th, #floorplan table table td {
  border: 1px solid #e6e6e6;   
  padding: 8px;  
  font-size: 16px;
  vertical-align:top;
   
}

#floorplan .refonly {
  float:left;
  font-size: 15px;
  padding:10px 0 0 0;
  text-align:center;
  width:100%;
  color:#666;
}
#property-news{
  float:left;
  width:100%;
}
#property-news .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#firsthand{
  float:left;
  width:100%;
}
#firsthand .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#firsthand table.fh td {
  padding:0 10px 5px 0;
}     

#firsthand table.item td {
  padding:0;
}

.ui-dialog .ui-dialog-titlebar {
	background:#83389b;

}
.ui-dialog .ui-dialog-title {
  color:#fff;
  font-size: 17px;
}
#firsthand .firsthand_title{
	font-size:15px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height:normal;
	color:#6d00a6
}
#firsthand .srpe {
  float:right;
  margin:15px 0 0 0;      
}
#firsthand #fhnav {
  width:100%;
  border-bottom:2px solid #ffa200; 
  text-align:left; 
  padding:0; 
  margin-bottom:10px;
}
#firsthand #fhnav img{
	margin:0;
	padding:0;
	cursor:pointer;
	cursor:hand;
}
#firsthand #fhcontent img{
  border:0;
  width: 200px;
  height:153px;
}
#firsthand #fhcontent a:hover img{
 
}
#firsthand #item{
	padding:6px;
	border:1px solid #ddd;
	background-color:#fff
}

#news h3{
  float:left;
  width:100%;
  margin: 20px 0 0 0;
}

#news .date{
  float:left;
  width:100%;
  color:#666;
  margin: 10px 0 30px 0;
}

#trannews{
  line-height: 30px;
}

#trannews h3{
  float:left;
  width:100%;
  margin: 20px 0 0 0;
}

#trannews .date{
  float:left;
  width:100%;
  color:#666;
  margin: 10px 0 30px 0;
}

#hos .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

#listprop .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}
#listprop table.info td {
  padding:0 0 10px 0;
}

#property-search .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}
#property-search td, #property-search input, #property-search select {

}

#property-search table.searcher{
  width:100%;
}

#property-search table.searcher td{
  padding: 0 0 10px 0;
}
#property-search table.list {
  width:100%;
  border-collapse: collapse;  
}

#property-search table.list td {
  border: 1px solid #e6e6e6;   
  padding: 5px;   
}

#property-search table.list tr.stdFrmTitle td{
  background:#9379d0;
  color:#fff;
  padding: 5px;   
  height:36px;
}
#property-search table.share td {
  border: 0;   
  padding: 5px;   
}
#property-detail .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}


//

#regtran .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}
#regtran td, #regtran input, #regtran select {

}

#regtran table.searcher{
  width:100%;
}

#regtran table.searcher td{
  padding: 0 0 10px 0;
}
#regtran table.list {
  width:100%;
  border-collapse: collapse;  
}

#regtran table.list td {
  border: 1px solid #e6e6e6;   
  padding: 5px;   
}

#regtran table.list tr.stdFrmTitle td{
  background:#9379d0;
  color:#fff;
  padding: 5px;   
  height:36px;
}
#regtran table.share td {
  border: 0;   
  padding: 5px;   
}
#regtran-detail .bd{
  float:left;
  width:100%;
  margin: 0 0 50px 0;
}

body.share {
  float:left;
  width:100%;
  padding: 0 0 30px 0;
}

body.share .bd{
  padding:30px;
}


body.share h3{
  margin: 0 0 10px 0;
  float:left;
  width: 100%;
}

body.share h4{
  
  margin: 10px 0 20px 0;
  word-wrap: break-word;
  color:#7f1399;
}

body.share ul{
  list-style-type:none;
  margin:0;
  padding:0;
}

body.share li{
  margin: 10px 0 0 0;
  float:left;
  width:100%;
}

body.share input {
  width: 320px;
}
body.share .button{
  float:left;
  width:100%;
  margin: 30px 0 0 0;
  text-align:center;
}
body.share li b{
  float:left;
  width: 100px;
  font-weight:normal;
}

body.share li span{
  float:left;          
}
body.share .result {
  text-align:center;
}

body.share .result p{
  margin: 50px 0 0 0;
}