html {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: "新細明體", "細明體";
    vertical-align: baseline;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
	margin:0 auto 0 auto;    /*very important*/
	
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: "新細明體", "細明體";
    vertical-align: baseline;
}

blockquote, q {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: "新細明體", "細明體";
    vertical-align: baseline;
    quotes: "" "";
}

blockquote:before, q:before, blockquote:after, q:after {
    content: "";
}

th, td, caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

table {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: "新細明體", "細明體";
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

a img {
    border: none;
}

#container {
	width:980px;
	height:auto;
	text-align:center;
	background-color:#ffffff;
}

body {
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto; 
	text-align:center;
	align:center;
	background-color:#f6f6f6;
}

a:link, a:visited, a:hover, a:active {text-decoration:none;}
#tools a {color:#636363;}
#tools a:hover {color:#c0c0c0;}


#focus h1{
	width:940px;
	height:22px;
	background:url('tag_focus.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#recommand h1{
	width:546px;
	height:22px;
	background:url('tag_recommand.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#topsales h1{
	width:362px;
	height:22px;
	background:url('tag_topsales.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
	float:left;
}

#sale h1{
	width:940px;
	height:22px;
	background:url('tag_sale.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#sale2 h1{
	width:440px;
	height:22px;
	display:inline-block;
	color:#ffffff;
}

#rent h1{
	width:460px;
	height:22px;
	background:url('tag_rent.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#analysis h1{
	width:460px;
	height:22px;
	background:url('tag_analysis.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#transaction h1{
	width:460px;
	height:22px;
	background:url('tag_transaction.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#analysis h1{
	width:480px;
	height:22px;
	background:url('tag_analysis.jpg');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
}

#branch h1{
	width:700px;
	height:22px;
	background:url('tag_branch.png');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
	float:left;
}

#others h1{
	width:240px;
	height:22px;
	background:url('tag_other.png');
	background-repeat:no-repeat;
	background-position:top-left;
	display:inline-block;
	float:left;
}

a:link, a:visited, a:active{
	color:#505050;
}

a:hover {
	color:#ff8000;
}

#focus a:link,#focus a:visited,#focus a:active{
	color:#ffffff;
}

#focus a:hover {
	color:#e7e7e7;
}

/*------------------------------------------------------------------------------*/
body {
	background-image:url('bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFFFFF;
	background-attachment:fixed;
}

#header{
	width:980px;
	height:180px;
}

.gadget{
	background-color:#FFFFFF;
	letter-spacing:1px;
	line-height:130%;
}

#bar {
	width:980px;
	height:5px;
	background-image:url('bar.jpg');
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#nav {
	padding-top:0px;
}

#nav dl{
	float:right;
	margin:0px 0px 10px 40px;
	width:120px;
	font-size:11pt;
	text-align:left;
	list-style-type:none;
}

#nav dt, #nav dd{
	margin:10px 0px 10px 0px;	
}

#nav dt{
	color:#f5941b;
	font-weight:bold;
	list-style-type:none;
}

#nav dd{
	color:#505050;
}

#logo{
	width:316px;
	height:83px;
	text-align:left;
	padding:0 20px 0 20px;
	float:left;
}

#hkp_logo{
	float:left;
	width:106px;
	height:19px;
	background:url('hkp.png');
	display:inline-block;
}

#midlv_logo{
	width:316px;
	height:64px;
	background:url('logo.png');
	display:inline-block;
}

#content{
	width:980px;
	height:auto;
	/*
clear:both;
*/
}

#focus {
	width:960px;
	height:650px;
	padding:10px;
	text-align:left;
	color:#FFFFFF;
}

.focus_estate{
	width:300px;
	height:273px;
	background:url('estate_bg.jpg');
	background-repeat:repeat-y;
	float:left;
	display:inline-block;
	margin:10px;
	position:relative;
}

.focus_estate:hover{
	background:url('estate_bg_hover.jpg');
}

.focus_estate img{
	width:300px;
	height:225px;
	position:relative;
	top:5px;
	padding-bottom:10px;
}

.focus_name{
	float:left;
	font-size:13pt;
	font-weight:bold;
	margin:2px 6px 0px 6px;
}

.focus_link{
	font-size:9pt;
	float:right;
	vertical-align:baseline;
	margin:4px 6px 4px 6px;
}

#recommand{
	width:558px;
	height:260px;
	
	padding:10px;
	float:left;
	display:inline-block;
}

.recommand_stock{
	width:166px;
	height:200px;
	background:url('recommand_bg.jpg');
	
	float:left;
	display:inline-block;
	margin:10px 10px 10px 10px;
	
	text-align:center;
	font-size:10pt;
	color:#ffffff;
}

.recommand_stock:hover{
	background:url('recommand_bg_hover.jpg');
}

.recommand_stock img{
	width:166px;
	height:125px;
	position:relative;
	top:5px;
}


.recommand_stock_name{
	font-size:13pt;
	font-weight:bold;
	margin:2px 6px 3px 6px;
}

#topsales {
	width:382px;
	height:260px;
	padding:10px;
	float:left;
}

#topsales img{
	width:372px;
	height:auto;
	float:left;
}

#sale{
	width:960px;
	height:240px;
	float:left;
	padding:10px;
	color:#505050;
}

#sale2{
	width:480px;
	height:240px;
	float:left;
	padding:10px 0px 10px 10px;
	color:#505050;
}

#rent{
	width:480px;
	height:240px;
	float:left;
	padding:10px 10px 10px 0px;
	color:#505050;
}

.sale_stock, .rent_stock{
	width:140px;
	height:220px;
	padding:10px;
	float:left;
	display:inline-block;
	font-size:10pt;
}

.sale_stock{
	background:url('sale_bg.jpg');
	background-repeat:no-repeat;
	background-position:10px 9px;
}

.sale_stock:hover{
	background:url('sale_bg.jpg');
	background-repeat:repeat-y;
	background-position:10px 9px;
}

.sale_stock:hover .sale_stock_name{
	font-size:11pt;
	color:#ffffff;
	font-weight:bold;
	margin:2px 6px 3px 6px;
}

.rent_stock:hover .rent_stock_name{
	color:#ffffff;
}

.rent_stock:hover p{
	color:#ebebeb;
}

.rent_stock{
	background:url('rent_bg.jpg');
	background-repeat:no-repeat;
	background-position:10px 9px;
}

.rent_stock:hover{
	background:url('rent_bg.jpg');
	background-repeat:repeat-y;
	background-position:10px 9px;
}

.sale_stock img, .rent_stock img{
	width:140px;
	height:105px;
	position:relative;
	top:5px;
}

.sale_stock_name, .rent_stock_name{
	font-size:11pt;
	color:#f5941b;
	font-weight:bold;
	margin:2px 6px 3px 6px;
}

.rent_stock_name{
	color:#2d2d2d;
}



#analysis{
	width:480px;
	height:200px;
	float:left;
	padding:10px 0px 10px 10px;
	font-size:10pt;
	text-align:left;
}


#analysis img{
	width:190px;
	height:150px;
	float:left;
	padding:10px 15px 10px 10px;
}

#text{
	color:#505050;
	padding:10px;
}


a.detail{
	float:right;
	margin-top:5px;
	margin-right:5px;
	background-color:#f4b802;
	border:1px solid #f5941b;
	padding:3px 10px 2px 10px;
	color:#ffffff;
	text-decoration:none;
	bottom:5px;
	right:0px;
}

a.detail:hover{
	float:right;
	margin-top:5px;
	margin-right:5px;
	background-color:#838383;
	border:1px solid #606060;
	padding:3px 10px 2px 10px;
	color:#ffffff;
	text-decoration:none;
	bottom:5px;
	right:0px;
}

#heading{
	padding:10px 0px 5px 0px;
	font-weight:bold;
	font-size:11pt;
	color:#f5941b;
}

#text p{
	padding:10px 0px 5px 0px;
}	


#transaction{
	width:480px;
	height:200px;
	float:left;
	padding:10px 10px 10px 0px;
	font-size:10pt;
	text-align:left;
}


/*-----------------------------------------------*/
#footer{
	width:980px;
	height:auto;
	text-align:center;
	background-color:#ffffff;
	color:#ffffff;
	font-size:10pt;
	letter-spacing:1pt;
	line-height:120%;
}

#footer table{
	border:0px;
	padding:5px;
	margin:10px;
}

#branch{
	width:700px;
}

#others{
	width:240px;
}

#others, #branch{
	height:250px;
	padding:10px 5px 5px 5px;
	background:url('footer_bg.jpg');
	background-repeat:repeat-x;
	float:left;
}
 
 
#branch table td, #branch table th{
	border:0px;
	padding:5px 10px 5px 13px;
	margin:3px;
}

#others table td, #others table th{
	text-align:center;
	width:50%;
	border:0px;
	padding:4px 15px 3px 18px;
	margin:5px;
}

#others a:link, #others a:visited, #othersh a:hover, #others a:active{
	color:#FFFFFF;
}

th{
	font-weight:bold;
}