/* CSS Document */
/****************************************
Basic Style Sheet (for version IE6.0 browsers and Mozilla Firefox Ver 2.0.0.3)

version: 1.0
author:  alei
emial:   wyeflash@163.com
website: http://www.xxtxyy.com
date:    2008-01-08
****************************************/
/* Layout Style                        */
/***************************************/
/* Wrap
------------------------- */
.autonamewuxing { font-size: 11px;}

#wrap{ width:962px; margin:0 auto; padding:0 3px 0 3px; background: url(../images/wrap_bg.gif) repeat-y center top; }
.area{ position:relative; padding:10px 10px 10px 0; background: url(../images/area_left_bg.gif) repeat-y left bottom; border:1px solid #34495A; }

#header{ position:absolute; top:10px; left:26px!important; left:26px; right:10px; z-index:10; width:923px; height:94px; background: url(../images/top_bg_m.gif) repeat-x left center;}
#header .l{ position:absolute; left:0; top:0; width:5px; height:94px; background: url(../images/top_bg_l.gif) no-repeat;}
#header .r{ position:absolute; right:0!important; right:-1px; top:0; width:5px; height:94px; background: url(../images/top_bg_r.gif) no-repeat;}
#header p{ position:absolute; right:5px; top:10px; width:570px; line-height:180%; font-size:14px; color:#fff; text-indent: 2em; filter:glow(color=black,strength=1) }
#header #logo a{ position:absolute; left:13px; top:24px; width:275px; height:46px; background: url(../images/logo.gif) no-repeat; }


#login{ position:absolute; top:0; left:0!important; left:-0; z-index:1; width:193px; height:212px; background: url(../images/login_bg.gif) no-repeat; border-bottom:1px dashed #dacbb8; }



#mainnav{ position:relative; float:left; width:193px; padding-bottom:21px; margin-top:201px; background: url(../images/mainnav_bg_bottom.gif) no-repeat left bottom; *background: url(../images/mainnav_bg_bottom.gif) no-repeat -1px bottom; }
#mainnav ul{ position:relative; z-index:80; padding:5px 0; background: #FF3366 url(../images/mainnav_bg.gif) repeat-y left top;}
#mainnav ul li{ }
#mainnav ul li a{ display:block; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; color:#d4d9dc; }
#mainnav ul li a:hover{ color:#fff; text-decoration: none; }
#mainnav ul li a.here{ background: url(../images/nav_here_bg.gif) no-repeat left center; border:1px solid #fffbf7; border-width:1px 0 1px 0;}

#mainnav ul li span{ display:block; padding-left:65px;}
#mainnav ul li.nav_01 span{ background: url(../images/nav_icon_01.gif) no-repeat 54px top;}
#mainnav ul li.nav_02 span{ background: url(../images/nav_icon_02.gif) no-repeat 54px top;}
#mainnav ul li.nav_03 span{ background: url(../images/nav_icon_03.gif) no-repeat 54px top;}
#mainnav ul li.nav_031 span{ background: url(../images/nav_icon_031.gif) no-repeat 54px top;}
#mainnav ul li.nav_04 span{ background: url(../images/nav_icon_04.gif) no-repeat 54px top;}
#mainnav ul li.nav_05 span{ background: url(../images/nav_icon_05.gif) no-repeat 54px top;}
#mainnav ul li.nav_06 span{ background: url(../images/nav_icon_06.gif) no-repeat 54px top;}
#mainnav ul li.nav_07 span{ background: url(../images/nav_icon_07.gif) no-repeat 54px top;}
#mainnav ul li.nav_08 span{ background: url(../images/nav_icon_08.gif) no-repeat 54px top;}
#mainnav ul li.nav_09 span{ background: url(../images/nav_icon_09.gif) no-repeat 54px top;}

#mainnav ul li.nav_01 .here span{ background: url(../images/nav_icon_here_01.gif) no-repeat 54px top;}
#mainnav ul li.nav_02 .here span{ background: url(../images/nav_icon_here_02.gif) no-repeat 54px top;}
#mainnav ul li.nav_03 .here span{ background: url(../images/nav_icon_here_03.gif) no-repeat 54px top;}
#mainnav ul li.nav_04 .here span{ background: url(../images/nav_icon_here_04.gif) no-repeat 54px top;}
#mainnav ul li.nav_05 .here span{ background: url(../images/nav_icon_here_05.gif) no-repeat 54px top;}
#mainnav ul li.nav_06 .here span{ background: url(../images/nav_icon_here_06.gif) no-repeat 54px top;}
#mainnav ul li.nav_07 .here span{ background: url(../images/nav_icon_here_07.gif) no-repeat 54px top;}
#mainnav ul li.nav_08 .here span{ background: url(../images/nav_icon_here_08.gif) no-repeat 54px top;}
#mainnav ul li.nav_09 .here span{ background: url(../images/nav_icon_here_09.gif) no-repeat 54px top;}






#login{ }
#login .label{ position:absolute; left:30px; bottom:65px; font-size:13px; font-weight:bold; color:#fff; }
#login .ipt{ position:absolute; left:13px; bottom:25px; padding:4px; width:119px; height:18px; border:none 0; background: url(../images/login_ipt_bg.gif) left center; color:#1b354a; }
#login .btn{ position:absolute; right:13px; bottom:25px; width:40px; height:26px; border:none 0; background: url(../images/login_btn_bg.gif); }
#login .succeed{ position:absolute; top:125px; left:5px; right:5px; padding-left:0; line-height:180%; text-align:center; color:#FFFFFF; font-size:14px; }
#login .succeed .prompting{ font-weight:bold;}
#login .succeed .prompting_2{ font-size:12px;}
#login .succeed strong{ color:#ffdcaf; }





#main_area{ float:left; margin:103px 0 0 16px; width:500px; position:relative;}
#main_area p.introduce{ font-size:14px; text-indent: 2em; line-height: 180%; }

.services_item{ background:#ffebd3; border:1px solid #d6ac77;}
.item_01{ float:left; width:49%; height:222px;}
.item_02{ float:right; width:49%; height:222px;}
.item_03{ clear:both; height:236px; position:relative; top:5px;}
.item_03 h3{ *top:-1px;}


#main_area .services_item h3{ position:relative; height:30px; line-height:30px; background: url(../images/services_item_h3_bg.gif) no-repeat left top; }
#main_area .services_item h3 a{ position:absolute; top:2px; left:8px; width:68px; text-align:center; font-size:14px; background:url(../images/services_item_h3_a_bg.gif) no-repeat left top; color:#fff; text-decoration: none; }
#main_area .services_item ul{ padding:5px; line-height:180%; font-size:14px;}








#introduction{ float:right; margin-top:103px; width:226px; background: url(../images/introduction_bg.gif) no-repeat center bottom;}
#introduction .decorate_pic{ height:133px; background:url(../images/decorate_pic.gif) no-repeat;}

#introduction p{ padding:5px; font-size:14px; text-indent: 2em; line-height: 180%;}


#introduction h3{ padding:3px 8px; margin:0 1px; background:#ffebd3; font-size:14px;}
#introduction ul{ padding:5px; line-height:180%; font-size:14px;}








#copyright{ clear:both; padding:10px 0 0 0 ; margin-left:30px;}
#copyright p{ padding:5px; border:1px solid #d6ac77; background:#fff; line-height:180%;}

#footer{ width:960px; margin:0 auto; padding:10px 0; background: url(../images/footer_bg.gif) repeat-x left top;}











#content_area{ position:relative; float:right; margin-top:103px; width:745px; }
#content_area h3{ padding:6px; margin-bottom:10px; background:#ffdcaf; font-size:14px;}
#content_area .search{ padding:10px; margin-bottom:10px; background:#ffebd3 url(../images/search_bg.gif); border:1px solid #d6ac77;}
#content_area .search label{ position:relative; *top:-3px; font-size:14px; margin-left:5px;}
#content_area .search .ipt{ padding:4px; border:1px solid #aeaeae;}
#content_area .search .btn{ width:75px; height:26px; padding:3px 0 1px 0; border:none 0; background:url(../images/search_btn.gif) no-repeat; color:#fff; }
.nameipt{ width:55px;}
.nameipt2{ width:370px;}

#content_area .explain_area{ padding:5px; border:1px dashed #9d0069; }
#content_area .explain_area h4{ padding:5px; font-weight:bold; font-size:14px; color:#cc7200;}
#content_area .explain_area h4 span,#content_area .explain_area h4 strong{ color:#000;}
#content_area .explain_area p{ padding:5px; line-height:180%; font-size:14px; text-indent: 2em; }

.explain_area .reviews_info{ }
.explain_area .reviews_info strong{ color:#cc7200; }
.explain_area .reviews_info .grade{ font-size:16px; font-weight:bold; color:#f00; }



.explain_area ul{ padding: 5px 25px; line-height:180%; font-size:14px; list-style-type: disc;}
.explain_area ul li{ list-style-type: disc; }




table.datatable, table.datatable tr, table.datatable th, table.datatable td { border-collapse:collapse; border: 0px; font-size:14px; }
table.datatable { width:100%; margin-top:10px; background:url(../images/table_bg.gif); }
table.datatable th { background: #ada677; padding: 5px 0 5px 10px; text-align:left; color:#fff; }
table.datatable td { padding: 8px 0 8px 10px; /*background:#fff;*/ border-bottom: 1px solid #f4f4f4; line-height:180%; text-align:left; color:#000000; }
table.datatable td.item_name { width:100px; background:#e3debb; color:#1b354a;}
table.datatable td span{ color:#cc7200;}



table.dictionary, table.dictionary tr, table.dictionary th, table.dictionary td { border-collapse:collapse; border: 0px; font-size:14px; }
table.dictionary { width:100%; margin-top:10px; background:url(../images/table_bg.gif); }
table.dictionary th { background: #e3debb; padding: 5px 0 5px 10px; text-align:left; color:#000; font-weight:normal; border: 1px solid #8f540c; }
table.dictionary td { padding: 8px 0 8px 10px; /*background:#fff;*/ border: 1px solid #8f540c; line-height:180%; text-align:left; color:#000000; }
table.dictionary td.item_name { width:100px; background:#e8edf6; color:#1b354a;}
table.dictionary td span{ color:#cc7200;}



table.bazi, table.bazi tr, table.bazi th, table.bazi td { border-collapse:collapse; border: 0px; font-size:14px; }
table.bazi { width:100%; margin:10px 0; background:url(../images/table_bg.gif); }
table.bazi th { background: #e5e5e5; padding: 5px 0 5px 10px; text-align:left; color:#000; font-weight:normal; border: 1px solid #8f540c; }
table.bazi td { padding: 5px 0 5px 5px; /*background:#fff;*/ border: 1px solid #8f540c; line-height:180%; text-align:left; color:#000000; }
table.bazi td img{ padding:0 10px 5px 0; float:left;}
table.bazi td p{ line-height: 180%; text-indent: 2em; }
table.bazi td.item_name { background:#e3debb; color:#1b354a;}
table.bazi td span{ color:#cc7200;}



table.almanac{ margin:20px 0;}

.liaohuangli{ padding:20px 10px; background:url(../images/liaohuangli_bg.gif);}