﻿/**
 * 武汉天地之间生物技术有限公司企业网站 初始化样式
 *
 * @copyright       Copyright 2006-2009, www.sky-earth.com.cn
 * Designed by :amadeus 
 * email:zhichao07@126.com 
 * @lastmodified    $Date: 2009-02-20 $
 */
/*-------------> > >>  start < < <<-------------*/
/*-------------> > >>  end < < <<-------------*/

#wrapper
{
    background: #FAF4EA url(../images/bg.gif) repeat-x;
    padding: 0 0 20px 0;
}
/*-------------> > >> top start < < <<-------------*/
#top{
	width:950px;
	margin:0 auto 10px;
	height:110px;/*-------------> > >> 95+30px;< < <<-------------*/
	padding:15px 0 0 0;
}
#top_left 
{
	padding:0; 
	float:left; 
	width:600px; 
	position:relative;
	height:80px;
	}
#top_logo 
{
	display:block; 
	border:0; 
	position:absolute; 
	top:10px; 
	left:0; 
	width:380px; 
	height:60px; 
	background:#fff url(../images/tdzj_topLogo.gif) no-repeat; 
	cursor:pointer;
	}
#top_right 
{
	padding:0; 
	float:right; 
	width:300px; 
	text-align:right; 
	position:relative;
	height:80px;
	}
#top_links
{
	display:block; 
	margin:5px 0 0 0;
	}
#top_links a
{
	font: normal 12px/24px Arial, Helvetica, sans-serif; 
	display:block; 
	width:70px; 
	float:right; 
	text-align:center; 
	color:#fff; 
	background-color:#dd5c08;
	border:#ccc solid 1px;
	margin:0 0 0 5px;
	text-decoration:none;
	}
#top_links a:hover{ text-decoration:underline;}
#top #topSearth{
	width:270px;
	position:absolute;
	top:45px;
	right:10px;
	padding:3px 0 0 0;
}
#top #topSearth label{
	display:block;
	width:75px;
	height:21px;
	font:bold 14px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	float:left;
}
#top #topSearth input.txtBox{
	width:144px;
	height:19px;
	border:#ccc solid 1px;
	border-width:1px 0 1px 1px;
	background-color:#fff;
	color:#1D1D1D;
	padding:0 0 0 5px;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	margin:0;
	float:left;
}
#top #topSearth input.btnGo{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:31px;
	height:21px;
	border:none;
	cursor:pointer;
	float:left;
	background-color:#EDF8FC;
	color:#fff;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
}

.menu
{
    width: 950px;
    margin: 0 auto;
    position: relative;
    height: 30px;
    z-index: 9999;
}
.menu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.menu ul li
{
    float: left;
    margin-right: 1px;
    position: relative;
}        
.menu ul li a.hide, .menu ul li a:visited .hide,.menu ul li a, .menu ul li a:visited
{
    display: block;
    text-decoration: none;
    width: 115px;
    height: 28px;
    text-align: center;
    color: #fff;
    border: 1px solid #ccc;
    background: #dd5c08;
    font: bold 14px/28px Helvetica, Arial, Verdana, sans-serif;
    overflow: hidden;
}
.menu ul li:hover a.hide
{
    color: #fff;
    background: #ff9800;
}
.menu ul li ul
{
    display: none;
}    
.menu ul li:hover ul
{
    display: block;
    position: absolute;
    border: 1px solid #ccc;
    border-width:0 1px 1px 1px;
    top: 30px;
    left: 0;
    width: 115px;
    filter: alpha(opacity=90);  moz-opacity: 0.9;
}
.menu ul li:hover ul li a
{
	display: block;
    text-decoration: none;
    width: 115px;
    height: 28px;
    text-align: center;
	border:0;
    background: #FAF4EA;
    color: #c03900;
    font: normal 12px/28px Helvetica, Arial, Verdana, sans-serif;
}
.menu ul li:hover ul li:hover a
{
    background: #6fc;
    color: #000;
}
.menu ul li:hover ul li a:hover
{
    background: #86b801;
    color: #fff;
}

/*-------------> > >> top end < < <<-------------*/
#container
{
    display: block;
    position: relative;
    margin: 0 auto;
    width: 950px; /*    background: #fff;*/
}

/*-------------> > >> Footer start < < <<-------------*/
#footer
{
    background:#E14C00 url(../images/bg-footer.gif) repeat-x;
    position: relative;
    padding: 20px 0 0 0;
    text-align: left;
}
#footer p
{
    padding: 0;
    margin: 0;
}
#footer_content
{
    width: 950px;
    margin:0 auto;
	/*  padding-top: 30px;*/
}
#footer_content p.small
{
    font:normal 12px/24px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;
    padding: 0;
    margin: 0;
}
/* Links *************************************/
#footer_links
{
    font:normal 12px/24px Helvetica, Arial, Verdana, sans-serif;
    padding: 20px 20px 30px 20px;
    margin-bottom: 20px;
    clear: both;
    background: #C03900;
    border: solid 1px #9A1C00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.footer_columns
{
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
	}
.column1
{
    float:left;
    width: 30%;
    padding: 0 20px 0 0;
    margin: 0;
    border: none;
}
.column2
{
	float:left;
    width: 20%;
    padding: 0 20px 0 0;
    margin: 0;
    border: none;
}
.footer_columns h2
{
    font:bold 14px/20px Helvetica, Arial, Verdana, sans-serif;
    color: #FEB500;
    letter-spacing: 0;
    margin-bottom: 1em;
}
.footer_columns p
{
    font:normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
    color: #FEB500;
    text-align: left;
}
.footer_columns a, .footer_columns a:visited
{
    color: #EEE6D3;
    border-bottom: solid 1px #EEE6D3;
}
.footer_columns a:hover
{
    color: #fff;
    border: 0;
}
.footer_columns h2 a, .footer_columns h2 a:visited
{
    border: 0;
}
/* Logos *************************************/
#footer_logos
{
    display: block;
}
#footer_logos p.small
{
    font:normal 12px/24px Helvetica, Arial, Verdana, sans-serif;
    padding: 0;
    margin: 0;
}
#footer_copyright
{
    float: left;
    padding: 0 0 0 70px;
    background: url(../images/footer_tdzj.gif) no-repeat left 2px;
}
#footer_ba
{
    float: right;
    padding: 10px 0 0 0;
}
#footer_ba p.small a, #footer_ba p.small a:visited
{
	color:#fff;
	border-color:#fff;
}
#footer_ba p.small a:hover
{
    color:#ff9a00;
}
.hideLink
{
    font:normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;	
}
.hideLink a
{
    font:normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
    color: #fff;
    border:0;	
}
.hideLink a:hover
{
    color: #f00;	
}
.quickLink a
{
    font:normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
    color: #e85d00;
    border:0;
    text-decoration:none;
	}
.quickLink a:hover
{
    color: #ff9b00;
    text-decoration:underline;
	}
/*-------------> > >> Footer end < < <<-------------*/

table.formList
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	}
table.formList td,table.formList th
{
	padding:2px 0;
	}
	
#areaopt_div	{ display:none; position:absolute; width:0; text-indent:0;z-index: 1000;}
#areaopt,#areaopt_back	{ width:367px; height:auto; position:absolute; margin-left:0px; margin-top:0px; background-color:#fff;  z-index:100}
#areaopt			{ font-size:12px; font-weight:normal; padding:3px;border:solid 1px #cccccc;}
#areaopt_back		{ z-index:99; border:none; height:40px;}
#areaopt div.areaopt_con	{ margin:5px; }
#areaopt .clear		{ clear:both; display:block;}

#areaopt a			{ color:#4592A5;text-decoration:none; padding:1px; text-align:left; margin-right:10px; width:24px; height:14px; line-height:14px; display:block; float:left; overflow:hidden; margin-bottom:2px; text-align:center; cursor:pointer}
#areaopt a:hover	{ background-color:#4a8a1e; color:#fff; }
#areaopt .areaopt_mouseon	{ background-color:#ff9900; color:#fff; }

#areaopt .areaopt_province	{ width:100%; height:auto; overflow:hidden;}
#areaopt .areaopt_province div	{ margin:3px; display:block;}
#areaopt .areaopt_province a	{ }
#areaopt .areaopt_city		{ width:100%; height:auto; background-color:#fff; margin-top:3px; margin-bottom:3px; display:none; border:solid 1px #ccc; overflow:hidden;}
#areaopt .areaopt_city div	{ margin:3px;}
#areaopt .areaopt_city a	{ width:55px; }
#areaopt .areaopt_zone		{ width:100%; height:auto; background-color:#fff; display:none; border:solid 1px #ccc; overflow:hidden;}
#areaopt .areaopt_zone div	{ margin:3px;}
#areaopt .areaopt_zone a	{ width:55px; }
#areaopt .areaopt_tools		{ text-align:right; width:100%; border-top:dotted 1px #ddd; color:#ff9900; margin-top:3px; padding-top:3px;}
#areaopt .areaopt_btn		{ padding:0px; border:solid 1px #ccc; background-color:#4a8a1e; color:#FFFFFF; font-size:12px; overflow:hidden; margin-left:10px; line-height:20px;}
#areaopt .areaopt_tip		{ color:#0000FF; margin-left:10px; margin-right:10px;}