/**
 * 首頁公共CSS(header、footer)
 * @author      xbears<j.koalas@gmail.com>
 * @version     1.0
 * @copyright   2010-2012 Addcn
 * @updatetime  2010-12-21
 */
/*header*/
#header, #main, #footer {
	width:954px;
	margin:0 auto;
}
#headerTop {
	height:99px;
	position:relative;
}
#headerTop .logo {
	top:28px;
	left:8px;
	height:65px;
	position:absolute;
}
#userInfo {
	float:left;
	border-left:1px solid #cecece;
	line-height:25px;
	margin-top:7px;
	padding-left:10px;
	text-align:left;
}
#headerTop .topRight {
	float:right;
	text-align:left;
	margin-top:14px;
	width:665px;
	height:50px;
	position:relative;
}
#headerTop .topRight .topMnav {
	top:35px;
	right:0;
	position:absolute;
	text-align:right;	
}
#headerTop .topRight .topRsAct{
	top:8px;
	right:375px;
	position:absolute;
}
#headerTop .topRight span {
	color:#FF0000;
}
#headerTop .imgflotleft {
  float: right;
  padding-right: 5px;
}
#headerNav {
	height:32px;
	width:100%;
	position:relative;
}
#headerNav ul {
	padding-left:88px;/**update xbears 2012-3-27**/
}
#headerNav li {
	float:left;
	height:32px;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:right -40px;
	background-color:#F4F4F4;
}
#headerNav li a {
	float:left;
	background:none;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	font-size:15px;
	position:relative;
	height:32px;
	cursor:pointer;
}
#headerNav li.first a{
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:0 0;
}
#headerNav li.last a{
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:right 0;
}
#headerNav li a span {
	float:left;
	height:24px;
	*height:21px;
	background:none;
	padding:6px 11px 0 9px;
	*padding:9px 11px 0 9px;
	color:#000;
	letter-spacing:1px;
}
#headerNav li a:hover {
	height:33px;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:0 -122px;
	text-decoration:none;
	color:#000;
	margin:-1px 0 0 -1px;
	z-index:5;
}
#headerNav li a:hover span {
	color:#000;
	font-size:15px;
	overflow:hidden;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:right -122px;
	padding:7px 11px 0 10px;
	*padding:10px 11px 0 10px;
	cursor:pointer;
}
body.Home li#Menus_Home {
	background-position:0 -40px;
}
body.Home li#Menus_Home a,
body.Home li#Menus_Home a:hover {
	height:34px;
	line-height:34px;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:0 -80px;
	background-color:#FF7715;
	text-decoration:none;
	z-index:6;
	margin:-2px 1px 0 -1px;	
}
body.Home li#Menus_Home a span,
body.Home li#Menus_Home a:hover span {
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:right -80px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	font-family:Arial;
	text-decoration:none;
	padding-left:9px;
	padding-top:0;
	height:28px;
}
#headerNav li#Menus_Housing a {
	z-index:8;
}
#Menus_Housing{
	position:relative;
}
#headerNav li em.new, #headerNav li em.hot, #headerNav li em.act,#headerNav li a.sale-act {
	background:url(../../../images/index/public/global/ico_new2.gif) no-repeat;
	height:20px;
	right:-2px;
	position:absolute;
	top:-12px;
	width:27px;
	z-index:8;
}
#headerNav li a.sale-act {
	background:url(../../../images/index/public/global/down280.png) left top no-repeat;
	height:21px;
	width:96px;
	right:-40px;
	top:-21px;
	padding:0;
	margin:0;
	float:none;
}
body#RentSale_S li#Menus_Sale a.sale-act, body#RentSale_S li#Menus_Sale a.sale-act:hover, #headerNav li a.sale-act:hover{
	background:url(../../../images/index/public/global/down280.png) left top no-repeat;
	height:21px;
}
#headerNav li em.hot {
	background:url(../../../images/index/public/global/ico_hot.gif) no-repeat;
}
#headerNav li em.act {
	background:url(../../../images/index/public/global/ico_act-v1.gif) left top no-repeat;
	height:22px;
	width:62px;
	right:-15px;
}
#headerNav li em.dlg {
	background:url(../../../images/index/design/public_nav3.png) no-repeat;
	width:100px;
	height:32px;
	left:15px;
	top:-26px;
	position:absolute;
	z-index:8;
}
#headerNav li em.dlg-furniture {
	background:url(../../../images/index/public/global/furniture-ico-1.png) no-repeat;
	width:75px;
	height:32px;
	right:7px;
	top:-25px;
	position:absolute;
	z-index:8;
}
#headerTop .help{
	padding-left:20px;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:-100px -169px;
	*background-position:-100px -171px;
	font-size:13px;
	margin-left:4px;
}
#headerNavLine {
	background-color:#FF7715;
	clear:both;
	height:4px;
	overflow:hidden;
	display:block;
	width:954px;
}
#headerNavLine .box-tp {
	display:block;
	position:relative;
	height:3px;
	overflow:hidden;
	margin:0 0 -3px 0;
	z-index:10;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:-112px -205px;
}
#headerNavLine .box-tp b{
	display:block;
	float:right;
	width:3px;
	height:3px;
	overflow:hidden;
	background:url(../../../images/index/index/header-bg-v2.gif) no-repeat;
	background-position:-109px -205px;
}

#headerNavBar{
	height:34px;
	background:url(../../../images/index/index/header-bg-v2.gif) repeat-x;
	background-position:0 -218px;
	border:1px solid #dedede;
}
#headerNavBar ul {
	width:870px;
	margin-left:60px;
	display:inline;
	float:left;
	padding:0;	
}
#headerNavBar li {
	float:left;
	margin-left:45px;
	height:34px;
	line-height:34px;
}
#headerNavBar a,#headerNavBar a:visited {
	color:#5e5e5e;
	font-size:13px;
	text-decoration:none;
}
#headerNavBar a:hover {
	color:#f60;
	font-size:13px;
	text-decoration:underline;
}
/*footer*/
#footer {
	width:954px;
	margin:auto;
	overflow:hidden;
}
#footer a{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .statement {
	border:1px solid #bfbfbf;
	padding:10px;
	text-align:left;
	color:#333;
}
#footer .statement span {
	color:#f00;
}
#footer .footnav{
	width:954px;
	text-align:center;
	border-top:1px solid #ddd;
	line-height:22px;
	padding:8px 0 15px 0;
}
#footer .footnav ul{
	width:640px;
	margin:auto;
}
#footer .footnav li{
	float:left;
	padding-left:23px;
	background:url(../../../images/index/help/line.gif) no-repeat;
	background-position:11px 5px;
	*background-position:11px 3px;
}
#footer .footnav li.first{
	padding-left:0;
	background:none;
}
#footer .grouplink{
	color:#333;
}
#footer .gray{
	color:#999;
}
#footer .copyright{
	color:#999;
	font-family:Arial;
}
#footer .copyright span{
	padding-right:11px;
	margin-right:10px;
	background:url(../../../images/index/help/line.gif) right 0 no-repeat;
}
/*header-dealer*/
#header-dealer{
	margin:auto;
	width:954px;
}
/*site-nav*/
#container-nav, #site-nav .quick-menu li, #site-nav .sitemap .menu-bd dl, #site-nav .grouplist .menu-hd, #site-nav .grouplist .menu:hover .menu-hd, #site-nav .grouplist .hover .menu-hd, #site-nav .grouplist dt a {
	background:url(../../../images/index/index/sitenav_bg_v4.gif) no-repeat;
}
#container-nav{
	height:27px;
	background-repeat: repeat-x;
	background-position:0 -268px;
	background-color:#eee;
}
#site-nav {
	color: #666;
	height: 22px;
	line-height: 21px;
	margin: auto;
	padding: 2px 0;
	position: relative;
	z-index: 10000;
	font-size:13px;
	width:954px;
}
#site-nav a, #site-nav a:visited {
    color: #666;
	text-decoration:none;
}
#site-nav a:hover {
    color: #f60;
	text-decoration:underline;
}
#site-nav .login-info {
    line-height: 21px;
	text-align:left;
	margin:0;
	font-size:13px;
	color: #666;
}
#site-nav .login-info span, #site-nav .login-info span a{
	color:#000;
	font-family:Arial;
}
#site-nav .login-info span a:hover, #site-nav .login-info a.em{
	color:#f60;
}
#site-nav .quick-menu {
    position: absolute;
    right: 0;
    top: 1px;
}
#site-nav .quick-menu li {
    float: left;
    margin-left: -1px;
    padding: 1px 10px 0 10px;
	*padding: 3px 10px 0 10px;
	padding: 3px 10px 0 10px\9;
    background-position: right 6px;
}
#iphone-nav{
	background:url(../../../images/index/iphone/nav-iphone.png) no-repeat -29px 3px;
	padding-left:10px;
	*margin-top:-2px;
	float:left;
}
#iphone-nav:hover{
	background:url(../../../images/index/iphone/nav-iphone.png) no-repeat 0 3px;
}
#iphone-nav span{
	border:1px solid #D8D8D8;
	margin-top:1px;
	margin-left:5px;
	padding:0 2px;
	font-size:12px;
	color:#FF6600;
	line-height:18px;
	background:#FFFFFF;
	cursor:pointer;
	float:left;
}
#iphone-nav span:hover{
	text-decoration:underline;
}
#site-nav .quick-menu .last {
    background: none;
}
#site-nav .quick-menu .menu-item {
    position: relative;
    padding: 0;
}
#site-nav .menu-hd {
    display: block;
    position: relative;
    height: 21px;
    line-height: 17px;
    margin: 3px 1px 0;
    padding: 0 10px 0 22px;
	*padding: 3px 10px 0 22px;
	padding: 3px 10px 0 22px\9;
	*height: 18px;
	height: 18px\9;
    cursor: pointer;
    z-index: 10002;
}
#site-nav .menu-hd b {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 0;
    height: 0;
    border-width: 4px 4px;
    border-style: solid;
    border-color: #666 #eee #eee #eee;
    font-size: 0;
    line-height: 0;
    -webkit-transition: -webkit-transform .2s ease-in;
    -moz-transition: -webkit-transform .2s ease-in;
    -o-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
}
#site-nav .menu-bd {
    display: none;
    position: absolute;
    right: 0;
    top: 21px;
    background: #fff;
    border: 1px solid #bfbfbf;
    z-index: 10001;
}
#site-nav .menu-bd-panel {
    padding: 10px 10px 6px;
}
#site-nav .menu {
    position: relative;
}
#site-nav .menu:hover .menu-hd, #site-nav .hover .menu-hd {
    margin: 2px 0 0;
    border: 1px solid #BFBFBF;
    border-bottom: none;
    background: white;
}
#site-nav .menu:hover .menu-bd, #site-nav .hover .menu-bd {
    display: block;
}
#site-nav .menu:hover .menu-hd b, #site-nav .hover .menu-hd b {
    border-color: #666 #fff #fff #fff;
    -moz-transform: rotate(-180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(-180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(-180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(-180deg);
    transform-origin: 50% 30%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);top:3px\9;
}
#site-nav .sitemap .menu-hd {
    width: 54px;
}
#site-nav .sitemap .menu-bd {
	width:250px;
	line-height:1.7;
	right:-80px;
}
#site-nav .sitemap .menu-bd-panel {
	padding:4px 8px;
	text-align:left;
	font-size:13px;
}
#site-nav .sitemap .menu-bd a{
	color:#06c;
}
#site-nav .sitemap .menu-bd a:hover{
	color:#f60;
}
#site-nav .sitemap .menu-bd dl{
	width:222px;
	padding:0 0 8px 10px;
	background-color:#fff;
	background-position:0 -152px;
}
#site-nav .sitemap .menu-bd dt{
	font-weight:700;
	color:#6E6D6D;
	padding-top:4px;
	border-top:1px solid #d8d8d8;
}
#site-nav .sitemap .menu-bd dt.first{
	border-top:none;
	*padding-top:6px;
}
#site-nav .sitemap .menu-bd dd{
	display:inline-block;
	zoom: 1;
    *display: inline;
	margin-right:8px;
}
#site-nav .grouplist .menu-hd {
    width: 82px;
	padding-left:62px;
	padding-right:6px;
	background-position: -52px -20px;
}
#site-nav .grouplist .menu:hover .menu-hd, #site-nav .grouplist .hover .menu-hd{
    border: 1px solid #BFBFBF;
    border-bottom: none;
	background-color:#fff;
	background-position: -52px -20px;
}
#site-nav .grouplist .menu-bd {
	width:220px;
	line-height:1.7;
	font-family:Arial;
}
#site-nav .grouplist .menu-bd-panel {
	padding:8px;
	text-align:left;
}
#site-nav .grouplist dt a{
	padding-left:20px;
	color:#1F5883;
	font-weight:700;
	font-size:12px;
	display:block;
	height:18px;
	margin-top:2px;
}
#site-nav .grouplist dt a:hover{
	color:#f60;
}
#site-nav .grouplist dt .grouplink-8591{
	background-position:0 -129px;
}
#site-nav .grouplist dt .grouplink-591{
	background-position:0 -106px;
	*background-position:0 -108px;
}
#site-nav .grouplist dt .grouplink-518{
	background-position:0 -84px;
	*background-position:0 -85px;
}
#site-nav .grouplist dt .outsourcing-518{
	height:20px;
	background-position:0 -321px;
	*background-position:0 -322px;
}
#site-nav .grouplist dt .yellowpages-518{
	background-position:0 -299px;
	*background-position:0 -300px;
}
#site-nav .grouplist dt .tshirt-101{
	background-position:0 -345px;
	*background-position:0 -346px;
}
#site-nav .grouplist dt .grouplink-8891{
	background-position:0 -63px;
}
#site-nav .grouplist dt .grouplink-1796{
	background-position:0 -368px;
	*background-position:0 -369px;
}
#site-nav .grouplist dt .grouplink-twbbs{
	background-position:0 -42px;
	*background-position:0 -44px;
}
#site-nav .grouplist dd {
    line-height: 18px;
    padding: 2px 0 4px 20px;
    border-bottom:1px dotted #d8d8d8;
	font-size:12px;
	color:#666;
}
#site-nav .grouplist dd.last{
	border-bottom:none;
}
/*topMnav_line*/
#headerTop .topRight span.topMnav_line{
	margin:0 6px 0 6px;
	color:#BDBDBD;
}
#system-announce {
	background-color:#F6F6F6;
	border:1px solid #eee;
	clear:both;
	color:#f30;
	font-weight:400;
	font-size:13px;
	height:34px;
	line-height:34px;
	overflow:hidden;
	text-align:center;
	margin:0;
}
#gift-edm{
	width:110px;
	height:21px;
	position:absolute;
	top:-20px;
	left:225px;
	background:url(../../../images/index/build/gift-20w.gif) no-repeat;
	line-height:70px;
	overflow:hidden;
}
/** go101 by xbears@20111209 **/
#go101{
	margin-left:5px;
	*margin-left:10px;
	margin-left:10px\9;
	float:right;
}
/** 2012-new-year logo **/
#new-year-logo{
	width:116px;
	height:60px;
	position:absolute;
	left:205px;
	top:25px;
}
/** 收費標準/刊登流程 **/
.link-btn{
	margin-bottom:10px;
	width:100%;
	float:left;
}
.link-btn a.charges-link, .link-btn a.post-link{
	background:url(../../../images/index/index/new/list-btn.png) no-repeat;
	width:130px;
	height:33px;
	text-indent:-999px;
	overflow:hidden;
	float:left;
}
.link-btn a.post-link{
	background-position:-130px 0;
}