@charset "utf-8";

/* Core Code */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { padding:0; margin:0; font-size:12px; line-height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Remember to define focus styles! */
:focus { outline: 0;}
body { width:100%; height:100%; color:black; background:white;}
ul, ol { list-style:none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

img { border:none;}
a { color:#393939; text-decoration:none;}
a:hover {text-decoration:underline;}

.b, .b:hover { font-weight:bold;}
.clear { clear:both;}

input{ height:1.45em; line-height:1.5em; font-size:12px; border-style:solid; border-width:1px; border-color:#aab0b9 #c8ccd4 #c8ccd4 #aab0b9; background:#FFF url(../images/input_bg.gif) repeat-x;}

body { text-align:center;}
#page { text-align:left;}
#headerContent, #container, #navContent, #footer { width:950px; margin:0 auto;}
#navContent {}
#header { background:#eff4f6 url(../images/header_bg.gif) repeat-x bottom; position:relative; z-index:30;}
#container { position:relative; z-index:20;}
#footer { position:relative; z-index:10;}

/* Header */
#headerContent { background:url(../images/header_bg_pic.jpg) no-repeat 0 98%; position:relative;}
#header .newsHeaderPic { background:none;}
#headerNav { height:30px; background:#f6f7f8 url(../images/headerNav_bg.gif) repeat-x bottom;}
#navContent a { color:#393939; margin:0 5px; line-height:29px;}
#memberCenter a { float:left; margin:0;}
#memberCenter .memeberTitle { padding-right:10px; background:url(../images/verticalLine.gif) no-repeat 100% 7px;}
#memberCenter label { float:left; line-height:29px; padding:0 5px 0 10px;}
#memberCenter input { float:left; width:85px; margin-top:3px;}
#memberCenter .headerSubmit { width:40px; height:21px; margin:3px 5px; border:0; background:url(../images/headerSubmit.gif) no-repeat; cursor:pointer;}
.siteMap, .callCenter, .setAsDefault { line-height:29px; padding-left:15px; background-image:url(../images/headerNavIcon.gif); background-repeat:no-repeat;}
#navContent .siteMap { background-position:0 -59px;}
#navContent .callCenter { background-position:0 -29px}
#navContent .setAsDefault { margin-left:15px; background-position:0 1px;}

#logo { float:left; width:200px; height:45px; text-decoration:none; position:absolute; top:10px;}
#logo span { display:block; width:60px; font-size:14px; font-weight:bold; text-align:center; position:absolute; top:5px; right:0;}

#quickButton { float:right; width:89px;}
#quickButton a { display:block; width:89px; height:28px; margin:3px 0; overflow:hidden; text-indent:-1000px; background:url(../images/headerQuickLink.gif) no-repeat;}
#quickButton .webStore { background-position:0 0;}
#quickButton a { background-position:0 -50px;}
#headerSearchBar { height:60px; margin:0 0 0 207px; padding:5px 0 0 0; background:url(../images/headerSearch_bg.gif) no-repeat 0 3px;}
#headerSearchBar .searchTabs { display:block; overflow:hidden; width:630px; height:25px; margin:0 8px; }

#headerSearchBar .searchTabs li,
#headerSearchBar .searchTabs li.selected a, #headerSearchBar .searchTabs li.selected span,
#headerSearchBar div li a, #headerSearchBar div li span,
#headerSearchBar div li.searchButton input{ float:left; display:block; height:25px; background:url(../images/headerSearch_tabs.gif) no-repeat;}

#headerSearchBar .searchTabs li { float:left; margin-left:-1px; background-position:0 -93px;}
#headerSearchBar .searchTabs li a { padding:0 10px;}
#headerSearchBar .searchTabs li span { line-height:24px; *line-height:25px;}
#headerSearchBar .searchTabs li.selected { margin:0 -1px;}
#headerSearchBar .searchTabs li.selected a { padding:0; color:#000; text-decoration:none; font-weight:bold; background-position:100% -50px; }
#headerSearchBar .searchTabs li.selected span { padding:0 10px; line-height:25px; background-position:0 0; cursor:hand;}
#headerSearchBar .disabled { display:none;}
#headerSearchBar div { width:634px; padding:2px 7px;}
#headerSearchBar div li { float:left; margin-right:2px; position:relative; z-index:2;}
#headerSearchBar div li a { height:23px; margin:1px 0; padding-right:20px; white-space:nowrap; text-decoration:none; background-position:100% -200px;}
#headerSearchBar div li span { width:70px; height:23px; padding-left:8px; overflow:hidden; color:#393939; white-space:nowrap; line-height:23px; *line-height:25px; background-position:0 -150px; cursor:pointer;}
#headerSearchBar div li a:hover, #headerSearchBar div li.selected a { background-position:100% -300px;}
#headerSearchBar div li a:hover span, #headerSearchBar div li.selected span { background-position:0 -250px;}

#headerSearchBar div li input { float:left; height:1.6em; line-height:1.6em; margin:1px 0; border-style:solid; border-width:1px; border-color:#b4cadb #cddae5 #cddae5 #b4cadb;}
#headerSearchBar div li.searchInput { margin:0;}
#headerSearchBar div li.searchInput input { width:171px; *width:167px;}
#headerSearchBar div li.searchInputOwner input,
#headerSearchBar div li.searchInputAgent input,
#headerSearchBar div li.searchInputDeveloper input { width:271px; *width:267px;}
#headerSearchBar div li.searchInputNews input,
#headerSearchBar div li.searchInputForum input { width:571px; *width:567px}
#headerSearchBar div li.searchButton { float:right; margin:0;}
#headerSearchBar div li.searchButton input { display:block; overflow:hidden; margin:0; text-indent:-1000px; border:0; width:59px; height:25px; background-position:0 -350px; cursor:pointer;}
#headerSearchBar div li input.default { color:#ADADAD;}


#headerSearchBar div li ul { padding:5px; border-style:solid; border-width:0 2px 2px 1px; border-color:#2897dd; background:#FFF; position:absolute; top:24px; left:0;}
#headerSearchBar div li li { float:left; margin:0; height:23px; background:none;}
#headerSearchBar div li li a { width:50px; height:23px; padding:0 5px; line-height:23px; background:none;}
#headerSearchBar div li li.hot a { color:#ef2e06;}
#headerSearchBar div li li a:hover { background:#ebf0f4;}
#headerSearchBar div li li.selected a { color:#FFF; background:#2897dd;}


#headerSearchBar div li .district { display:none; width:300px;}
#headerSearchBar div li .area { display:none; width:420px;}
#headerSearchBar div li .type { display:none; width:120px;}
#headerSearchBar div li .price { display:none; width:130px;}
#headerSearchBar div li .price a { width:120px;}

#headerSearchBar div li.selected ul { display:block;}


#menu, #menu li a:hover, #menu li .selected, #newsMenu, #newsMenu li a:hover, #newsMenu li a.selected { color:#000; background-image:url(../images/menu_bg.gif); background-repeat:no-repeat;}
#menu { clear:both; width:950px; height:41px; background-color:#1784dc;}

#menu ul { float:left; display:block;}
#menu li { float:left;margin-right:3px;}
#menu .menuMain { padding:0 8px;}
#menu .menuType { padding:0 0 0 1px;}


#menu li a { float:left; display:block; padding:13px 7px 12px 7px; *padding:15px 7px 10px 7px; color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; line-height:15px;}
#menu li a:hover { color:#FFF; text-decoration:underline; background-position:100px 100px;}
#menu li a.selected:hover { color:#000; text-decoration:none;}
#menu .home .selected { background-position:-8px -50px;}
#menu .news .selected { background-position:-52px -50px;}
#menu .newHouse .selected { background-position:-96px -50px;}
#menu .secondHand .selected { background-position:-140px -50px;}
#menu .rent .selected { background-position:-199px -50px;}
#menu .owner .selected { background-position:-243px -50px;}
#menu .agent .selected { background-position:-287px -50px;}
#menu .develper .selected { background-position:-346px -50px;}
#menu .community .selected { background-position:-405px -50px;}
#menu .forum .selected { background-position:-449px -50px;}

#menu .house .selected { background-position:-502px -50px;}
#menu .apartment .selected { background-position:-546px -50px;}
#menu .villa .selected { background-position:-590px -50px;}
#menu .office .selected { background-position:-634px -50px;}
#menu .business .selected { background-position:-693px -50px;}
#menu .shops .selected { background-position:-767px -50px;}
#menu .hotel .selected { background-position:-811px -50px;}
#menu .workshop .selected { background-position:-855px -50px;}
#menu .storehouse .selected { background-position:-899px -50px;}

#newsMenu { height:37px; overflow:hidden; background-position:0 -100px;}
#newsMenu li { float:left; height:30px;}
#newsMenu li a { float:left; height:28px; padding:0 10px; font-weight:bold; text-decoration:none; line-height:27px; *line-height:29px;}
#newsMenu li a:hover { text-decoration:underline; background-position:100px 100px;}
#newsMenu li a.selected { text-decoration:none; background-position:3px -150px;}
#newsMenu li.column a:hover, #newsMenu li.column a.selected { background-position:-97px -150px;}

#hotKeyword { height:37px; color:#393939; position:relative; z-index:1;}
#hotKeyword span { line-height:34px;}
#hotKeyword #hotKeywordList a { margin:0 4px;}
#hotKeywordList { padding-left:10px;}

#hotItemList { float:right; margin:10px 0 0 0; position:relative; z-index:1;}
#hotItemList li { float:left; margin-left:5px;}
#hotItemList li a, #hotItemList li span { float:left; display:block; height:25px; overflow:hidden; margin:0; background-image:url(../images/hotItemList.gif); background-repeat:no-repeat;}
#hotItemList li a { padding-left:5px; text-decoration:none; background-position:0 0;}
#hotItemList li span { padding:6px 18px 0 5px; font-weight:bold; line-height:15px; *line-height:17px; background-position:100% -50px; cursor:pointer;}
#hotItemList li a:hover { background-position:0 -100px;}
#hotItemList li a:hover span { background-position:100% -150px;}
#hotItemList li.selected { height:27px;}
#hotItemList li.selected a { height:27px; background-position:0 -200px;}
#hotItemList li.selected a span { height:27px; color:#0769AC; background-position:100% -250px;}
.hotDetail { display:none; width:950px; position:absolute; top:35px; z-index:0;}
.hotDetail h1 { height:28px; padding:0 25px; line-height:28px; border:0; color:#0769ac; font-size:14px; background-position:14px 10px;}
.hotDetailHeader, .hotDetailFooter { display:block; overflow:hidden; height:5px; background:url(../images/hotDetail.gif) no-repeat;}
.hotDetailContent { padding:0 4px; height:165px; border-style:solid; border-width:0 1px; border-color:#b4c4d1; background:#FFF;}
.hotDetailFooter { background-position:0 -20px;}

.hotDetail .hotListLeft, .hotDetail .hotListRight { display:block; overflow:hidden; text-indent:-1000px; width:15px; height:120px; background:url(../images/hotListLeftRight.gif) no-repeat; position:absolute; z-index:2;}
.hotDetail .hotListLeft { background-position:0 0; top:28px; left:0;}
.hotDetail .hotListLeft:hover { background-position:-100px 0;}
.hotDetail .hotListRight { background-position:-50px 0; top:28px; right:0;}
.hotDetail .hotListRight:hover { background-position:-150px 0;}

.hotListView a { line-height:23px;}

.hotListShortLeft, .hotListShortRight { width:469px; position:relative;}
.hotListShortLeft { float:left;}
.hotListShortRight { float:right;}
.hotListShortLeft .hotListView, .hotListShortRight .hotListView,
.hotListLong .hotListView{ display:block; overflow:hidden; width:440px; margin:0 15px; position:relative;}
.hotListLong { width:940px; position:relative;}
.hotListLong .hotListView { width:890px; margin:0 25px;}
.hotListLong .hotListView ul { left:3px;}
.hotDetail .hotListLong .hotListLeft { left:8px;}
.hotDetail .hotListLong .hotListRight { right:8px;}

.hotListView ul { display:block; width:2000px; position:relative; height:125px; overflow:hidden;}
.hotListView li { float:left; width:106px; margin-right:5px; }
.hotListView .hotPic { *float:left; display:table-cell; overflow:hidden; width:106px; *width:100px; height:106px; *height:100px; padding:2px; text-align:center; vertical-align:middle; border:solid 1px #e5e5e5; position:relative;}
.hotListView .hotPic:hover { border-color:#2897dd;}
.hotListView .hotPic span { vertical-align:middle; *position:absolute; top:50%; cursor:pointer;}
.hotListView .hotPic img { vertical-align:middle; position:static; *position:relative; top:-50%; left:-50%;}

/* Title Icon */
.box .boxHeader h1 a, .sideBox .boxHeader h1 a,
.boxContent li,
h1, h2, h3, h4 { background-image:url(../images/title_icon.gif); background-repeat:no-repeat;}
.box .boxHeader h1 a { line-height:29px; *line-height:32px; }
.sideBox .boxHeader h1 a { background-position:8px -39px;}
.top10 li.top1 { padding-left:14px; background-position:0 -294px;}
.top10 li.top2 { padding-left:14px; background-position:0 -344px;}
.top10 li.top3 { padding-left:14px; background-position:0 -394px;}
.top10 li.top4 { padding-left:14px; background-position:0 -444px;}
.top10 li.top5 { padding-left:14px; background-position:0 -494px;}
.top10 li.top6 { padding-left:14px; background-position:0 -544px;}
.top10 li.top7 { padding-left:14px; background-position:0 -594px;}
.top10 li.top8 { padding-left:14px; background-position:0 -644px;}
.top10 li.top9 { padding-left:14px; background-position:0 -694px;}
.top10 li.top10 { padding-left:14px; background-position:0 -744px;}
.hotNewsList li { background-position:3px -92px;}
h1 { height:29px; overflow:hidden; padding-left:15px; border-bottom:solid 1px #dbe3ea; background-position:3px 11px;}
h1 a { color:#000; font-size:14px; line-height:30px; *line-height:33px;}
h2 { height:24px; overflow:hidden; margin-top:5px; padding-left:12px; border-bottom:solid 1px #dbe3ea; background-position:3px -42px;}
h2 a { color:#000; line-height:23px; *line-height:26px;}
h3 { padding-left:12px; background-position:3px -42px;}
h3 a {}

/* Box */
.box, .boxHeader, .boxHeader h1, .boxFooter,
.tabsBox, .tabsBox .boxHeader, .tabsBox .boxHeader ul,
.tabsBox .boxHeader li a, .tabsBox .boxHeader li span,
.sideBox,
.sideTabsBox, .sideTabsBox .boxHeader ul,
.sideTabsBox .boxHeader li a, .sideTabsBox .boxHeader li span,
.sideTabsBoxColored .boxHeader ul,
.sideTabsBoxColored .boxHeader li a, .sideTabsBoxColored .boxHeader li span { background:url(../images/box.gif) no-repeat;}

.box, .tabsBox, .sideBox, .sideTabsBox, .sideTabsBoxColored { display:block; background-position:100% 100%;}
.boxHeader { display:block; height:32px; background-position:100% -100px;}
.boxHeader h1 { display:block; height:32px; margin-right:7px; padding-left:2px; border:0; background-position:0 0;}
.boxHeader h1 a { float:left; display:block; overflow:hidden; padding:2px 0 0 20px; font-size:14px; line-height:30px; line-height:32px; background-position:8px 12px;}

.boxContent { background:#FFF url(../images/box_border_left.gif) repeat-y 0 0;}
.boxContent .boxContentPanel { padding:5px 7px 2px 7px; background:url(../images/box_border_right.gif) repeat-y 100% 0;}

.boxFooter { display:block; overflow:hidden; height:6px; background-position:0 -750px;}

.tabsBox .boxHeader { height:32px; background-position:100% -200px;}
.tabsBox .boxHeader ul { display:block; height:30px; padding:0 5px; background-position:0 -150px;}
.tabsBox .boxHeader li { float:left; height:30px; margin-top:2px;}
.tabsBox .boxHeader li a { float:left; display:block; color:#393939; background-position:100% -400px;}
.tabsBox .boxHeader li span { float:left; display:block; overflow:hidden; height:30px; line-height:32px; *line-height:35px; padding:0 10px; color:#393939; font-size:14px; font-weight:bold; background-position:0 -350px; cursor:pointer;}
.tabsBox .boxHeader li.selected a { color:#000; background-position:100% -300px;}
.tabsBox .boxHeader li.selected span { color:#000; background-position:0 -250px;}

.sideBox .boxHeader { height:28px;}
.sideBox .boxHeader h1 { height:28px; border:0; background-position:0 -50px;}
.sideBox .boxHeader h1 a { padding:2px 0 0 18px; font-size:12px; line-height:25px; *line-height:27px;}

.sideTabsBox .boxHeader { height:28px;}
.sideTabsBox .boxHeader ul { display:block; height:28px; margin-right:7px; padding:0 5px; background-position:0 -50px;}
.sideTabsBox .boxHeader li { float:left; height:26px; margin-top:2px;}
.sideTabsBox .boxHeader li a { float:left; display:block; color:#393939; background-position:100% -600px;}
.sideTabsBox .boxHeader li span { float:left; display:block; overflow:hidden; height:26px; line-height:28px; *line-height:31px; padding:0 8px; font-weight:bold; color:#393939; background-position:0 -550px; cursor:pointer;}
.sideTabsBox .boxHeader li.selected a { color:#000; background-position:100% -500px;}
.sideTabsBox .boxHeader li.selected span { color:#000; background-position:0 -450px;}

.sideTabsBoxColored .boxHeader ul,
.sideTabsBoxColored, .sideTabsBoxColored .boxFooter { background:url(../images/boxColored.gif) no-repeat 100% 100%;}
.sideTabsBoxColored .boxFooter { background-position:0 -50px;}

.sideTabsBoxColored .boxHeader { height:28px;}
.sideTabsBoxColored .boxContent { background-color:#f6f7f8;}
.sideTabsBoxColored .boxHeader ul { display:block; height:28px; margin-right:2px; padding:0 5px; background-position:0 0px;}
.sideTabsBoxColored .boxHeader li { float:left; height:26px; margin-top:2px;}
.sideTabsBoxColored .boxHeader li a { float:left; display:block; color:#393939; background-position:100% -600px;}
.sideTabsBoxColored .boxHeader li span { float:left; display:block; overflow:hidden; height:26px; line-height:28px; *line-height:31px; padding:0 8px; font-weight:bold; color:#393939; background-position:0 -550px; cursor:pointer;}
.sideTabsBoxColored .boxHeader li.selected a { color:#0000; background-position:100% -700px;}
.sideTabsBoxColored .boxHeader li.selected span { color:#0000; background-position:0 -650px;}

/* Box List */
.boxContent li { display:block; overflow:hidden; padding-left:10px; height:21px; background-position:3px -142px;}
.boxContent li a { color:#46484A; line-height:21px; *line-height:23px;}
.boxContent li span { float:right; width:75px; color:#707376; text-align:right; line-height:21px; *line-height:23px;}
.boxContent li a:hover span { text-decoration:underline; cursor:pointer;}
li.listRent { padding-left:16px; background-position:0 -245px;}
li.listSale { padding-left:16px; background-position:0 -195px;}


#site { float: right;}
#site li { float:left; height:30px; position:relative; z-index:3;}
#site li a { float:left; height:28px; line-height:29px; overflow:hidden; margin:0; padding:0 25px 0 10px; color:#393939; font-weight:bold; background:url(../images/navSite.gif) no-repeat 95% 3px;}
#site li a:hover, #site li.selected a { text-decoration:none; background-color:#FFF; background-position:95% -27px;}
#siteList { display:none; width:400px; padding:5px; border-width:0 2px 2px 1px; border-style:solid; border-color:#b4cadb; background:#FFF; position:absolute; top:28px; right:-2px;}
#siteList li { float:left; height:23px;}
#siteList li a, #siteList li a:hover { display:block; float:left; width:50px; height:23px; line-height:23px; text-align:center; font-weight:normal; padding:0; margin:0; background:none;}
#siteList li a.b, #siteList li a.b:hover { font-weight:bold;}
#toolBar { display:none; width:90px; padding:5px; border-width:0 2px 2px 1px; border-style:solid; border-color:#d6dde2; background:#FFF; position:absolute; top:28px; right:-2px;}
#toolBar li { float:left; height:23px;}
#toolBar li a, #toolBar li a:hover { display:block; float:left; width:90px; height:23px; line-height:23px; text-align:center; font-weight:normal; padding:0; margin:0; background:none;}
#siteList li a:hover, #toolBar li a:hover { text-decoration:none; background-color:#ebf0f4;}
#site li.selected ul { display:block;}

#friendlink { clear:both; margin-bottom:5px; padding-bottom:5px; border:solid 1px #c2c5c8;}
#friendlink .friendlinkTitle { display:block; height:25px; padding:0 8px; border-bottom:solid 1px #c2c5c8; background:#f8f9fa url(../images/white.gif) repeat-x; }
#friendlink .friendlinkTitle h3 { float:left; padding-left:8px; color:#393939; line-height:25px; background-position:0 -42px;}
#friendlink .putLink, #friendlink .moreLink { float:right; line-height:25px; margin-left:10px;}
#friendlink ul#f_l_pic { padding:8px 4px 8px 8px; border-bottom:solid 1px #f3f5f8;}
#friendlink ul#f_l_pic li { display:inline; padding-right:2px; *padding-right:0;}
#friendlink ul#f_l_pic img { width:88px; height:31px;}
#friendlink ul#f_l_link { display:block; padding:5px 5px 5px 5px;}
#friendlink ul#f_l_link li { float:left; height:21px;}
#friendlink ul#f_l_link a { float:left; width:85px; text-align:center; line-height:21px;}

#tools { display:none; width:700px; border:solid 5px #2897dd; background:#FFF; position:absolute; z-index:31; }
#tools .toolbar { height:25px; border-bottom:solid 1px #d5d8db; background:#edeeee url(../images/toolsToolbar_bg.gif) repeat-x;}
#tools .toolbar h1, #tools .toolbar .closeTools { background:url(../images/close_tools.gif) no-repeat;}
#tools .toolbar h1 { float:left; display:block; overflow:hidden; height:25px; line-height:25px; *line-height:27px; padding:0 50px 0 28px; border:0; font-size:14px; background-position:8px -94px;}
#tools .toolbar .closeTools { float:right; display:block; overflow:hidden; width:45px; height:17px; margin:4px 5px 0 0; text-indent:-100px; text-align:left;}
#tools .toolbar .closeTools:hover { background-position:0 -50px;}
#tools .toolsTabs { float:left; margin-top:5px; position:relative;}
#tools .toolsTabs ul { position:absolute; position:absolute; left:5px; top:0;}
#tools .toolsTabs li { width:150px; margin-bottom:5px;}
#tools .toolsTabs a { display:block; overflow:hidden; overflow:hidden; height:25px; line-height:25px; *line-height:27px; color:#666; text-decoration:none; text-align:left; font-size:14px; white-space:nowrap; padding:0 5px; border:solid 1px #E9E9E9; border-right:0; background:#FFF;}
#tools .toolsTabs .selected { width:151px;}
#tools .toolsTabs .selected a { border-color:#2897DD; color:#000; font-weight:bold;}
#tools .toolsGroup { margin:5px 5px 5px 155px; padding:4px 10px; border:solid 1px #2897DD;}
#tools .toolsGroup * { text-align:left;}
#tools .toolsGroup select { font-size:12px;}

#tools .detailLeft { border-right:solid 1px #D5D8DB;}
#tools .detailRight { float:right;}
#tools h1 { display:block; overflow:hidden; height:25px; padding:0 5px; line-height:25px; font-size:12px; border-bottom:solid 1px #D5D8DB; background:none;}

#tools_01 { height:340px;}
#tools_01 .detailLeft { width:250px; height:340px; padding-right:5px;}
#tools_01 .detailRight { width:257px;}
#tools_01 p { height:23px; margin:5px 0;}
#tools_01 p label { float:left; width:100px; line-height:21px;}
#tools_01 p input { float:left; width:80px;}
#tools_01 p select { float:left;}
#tools_01 p span { float:left; padding:0 5px; line-height:21px;}
#tools_01 .general label, #tools_01 .family label { float:none; width:auto;}
#tools_01 .general input { float:none; width:50px;}
#tools_01 .general select { float:none;}
#tools_01 .family input { float:none; width:50px;}
#tools_01 .detailRight label { width:120px; padding:0 5px; text-align:right;}
#tools_01 .detailRight input { float:left; width:80px; background:#F0F0F0;}

#tools_02 { height:230px;}
#tools_02 .detailLeft { width:270px; height:230px; padding-right:5px;}
#tools_02 .detailRight,
#tools_03 .detailRight { width:237px; }
#tools_02 p,
#tools_03 p,
#tools_04 p,
#tools_05 p,
#tools_06 p { margin:5px 0;}
#tools_02 ul,
#tools_03 ul { margin:5px 0 0 0; height:24px;}
#tools_02 li,
#tools_03 li { float:left; display:block; overflow:hidden; height:23px; line-height:23px; *line-height:25px; padding:0 7px; margin-right:5px; border:solid 1px #CCC; border-bottom:0; cursor:pointer;}
#tools_02 li.selected,
#tools_03 li.selected { color:#FFF; border-color:#2897DD; background:#2897DD;}
#tools_02 .tools_02Type,
#tools_03 .tools_02Type { margin-bottom:5px; padding:0 4px; border:solid 1px #2897DD;}
#tools_02 .tools_02Type input,
#tools_03 .tools_02Type input { width:55px;}
#tools_02 .tools_02TypePanel,
#tools_03 .tools_02TypePanel { display:none;}
#tools_02 .detailRight p,
#tools_03 .detailRight p,
#tools_05 .detailRight p,
#tools_06 .detailRight p { height:23px;}
#tools_02 .detailRight label,
#tools_03 .detailRight label,
#tools_05 .detailRight label,
#tools_06 .detailRight label { float:left; width:60px; padding:0 5px; line-height:21px; text-align:right;}
#tools_02 .detailRight input,
#tools_03 .detailRight input,
#tools_05 .detailRight input,
#tools_06 .detailRight input { float:left; width:135px; background:#F0F0F0;}
#tools_02 .detailRight span,
#tools_03 .detailRight span,
#tools_05 .detailRight span,
#tools_06 .detailRight span { padding:0 5px; line-height:21px;}

#tools_03 { height:360px;}
#tools_03 .detailLeft { width:270px; height:360px; padding-right:5px;}
#tools_03 .detailRight textarea { float:left; width:134px; height:150px;}

#tools_04 { height:177px;}
#tools_04 .detailLeft { width:250px; height:177px; padding-right:5px;}
#tools_04 .detailRight { width:257px;}
#tools_04 input { width:100px;}
#tools_04 .detailLeft label { float:left; width:100px; line-height:21px;}
#tools_04 .detailRight label { padding-left:10px;}
#tools_04 .detailRight input { background:#F0F0F0;}

#tools_05 { height:300px;}
#tools_05 .detailLeft { width:300px; height:300px; padding-right:5px;}
#tools_05 .detailLeft label { float:left; width:110px; text-align:right; line-height:21px;}
#tools_05 .detailLeft .tools_05Price input { width:70px;}
#tools_05 .detailLeft .tools_05Type select { width:180px;}
#tools_05 .detailRight { width:207px;}
#tools_05 .detailRight label { width:100px;}
#tools_05 .detailRight input { width:65px;}

#tools_06 { height:200px;}
#tools_06 .detailLeft { width:220px; height:200px; padding-right:5px;}
#tools_06 .detailRight { width:287px;}
#tools_06 .detailRight label { width:125px;}
#tools_06 .detailRight input { width:100px;}

#tools .toolsGroup .alertInfo { padding:4px; text-align:center; line-height:21px; border:solid 1px #D5D8DB; background:#F7F7F7;}
#tools .toolsGroup .toolsPanel { display:none;}
#tools .toolsGroup .submit input { width:100px; height:23px; margin-right:5px; text-align:center; line-height:21px; font-weight:bold; border-style:solid; border-width:1px; border-color:#e5e7e9 #c4c8cd #c4c8cd #e5e7e9; background:#f3f9fc;}

#openBg { display:none; width:100%; height:100%; opacity: 0.4; filter:alpha(opacity=40); background:#000; position:absolute; top:0; left:0; z-index:30;}


/* Footer */
#footer { clear:both; padding-bottom:20px;}
#footer .allSite { height:64px; overflow:hidden; margin-bottom:5px; padding:5px; border:solid 1px #c2c5c8; background:#f3f9fc;}
#footer .allSite li { float:left; margin:5px 0; height:11px; border-left:solid 1px #46484a;}
#footer .allSite a { margin:0 10px; white-space:nowrap; color:#46484a; line-height:13px;}
#footer .allSite li.www { float:left; display:block; margin:0; border:none; height:60px;}
#footer .allSite li.www a { margin:0 22px 0 20px; color:#393939; font-weight:bold; line-height:62px;}
#footer .companyLinks { height:13px; overflow:hidden; padding:5px 0;}
#footer .companyLinks li { float:left; margin-left:-10px; height:13px; border-left:solid 1px #46484a;}
#footer .companyLinks a { margin:0 19px 0 10px; white-space:nowrap; color:#46484a; line-height:13px;}
#footer .hotline { color:#46484a; padding:5px 0 5px 0;}
#footer .copyRight { color:#46484a; padding:2px 0 10px 0; font-size:11px;}
#footer .serverInfo { float:right; margin-top:5px;}
#footer .serverInfo li { float:left; width:90px; height:45px; margin-left:5px; padding:4px 8px 4px 5px; border:solid 1px #d3d3d3;}
#footer .serverInfo li a { line-height:21px;}
#footer .serverInfo li img { float:left; margin:0 5px 0 0;}
#footer .webStatistics { display:block; overflow:hidden; width:1px; height:1px; text-indent:-1000px;}

/* ProgressBar */
.progressBar { display:none; width:148px; height:28px; padding:10px 10px 10px 50px; text-align:left; line-height:27px; font-weight:bold; position:absolute; z-index:111;}
.progressBar { border:solid 2px #86a5ad; background:#FFF url(../images/progressBar_m.gif) no-repeat 10px 10px;}
.background { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF; position:absolute; top:0; left:0; z-index:110;}