/*---------- import ---------*/
@import url(layout.css);
@import url(page.css);
/*---------- base ---------*/
*{
    margin:0;
    padding:0;
}
body{
    background:#fff;
    color:#004911;
    font:12px arial,tahoma,verdana,helvetica,sans-serif;
}
img{
   border:none;
}
a{
    cursor:pointer;
    color:#454545;
    text-decoration:none;
}
a:hover{
    color:#fff;
	background:none repeat scroll 0 0 #4A7D17;
    text-decoration:underline;
}
#pbox a:hover{
background:none;

}
li{
    list-style:none;
}
.clear{
    clear:both;
}
input,select,button{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}

/*----------end base ---------*/

/*---------- header ---------*/
.top{
	width:950px;;
	margin:auto;
	overflow:hidden;
}

.top a{
	color:#777;
}
.top a:hover{
	color:#390;
	text-decoration:none;
}
.top{
	clear:both;
	overflow:hidden;
}
.top .title{
	float:left;
	width:373px;
    height:119px;
    display:block;
   
}

.top .title span{
    display:block;
	color:#fff;
    height:45px;
    padding-top:5px;
    text-align:center;
    width:170px;
}

.top .title h1 a{
	width:200px;
	height:56px;
	display:block;
	font-size:0px;
	text-indent:-200px;
	overflow:hidden;
}

.top .rlink .search {
    padding-left:265px;
    float:left;
	margin-top:3px;
}
#search-option{
    font-size:11px;
	text-align:center;
	height:20px;
	padding-left:3px;
}

.top .rlink{
	float:left;
    width:577px;
    height:119px;
	background:url(bg_right.png);
}

.top .hleft span{
    display:block;
    width:170px;
    height:45px;
    padding-top:5px;
    text-align:center;
}

.top .rlink .top3{
    float:left;
    width:232px;
    height:20px;
    padding-top:6px;
	padding-left:90px;
	padding-left:94px\9;
    font-size:11px;
}

*+html .top .rlink .top3{
  padding-left:75px!important;
  }

.form{
   margin:-2px 0px 0px -50px;

}
#search-keyword{
width:180px;
}
.search-submit{
width:36px;
height:20px;
background-color:#ff9c00;
}
.top .rlink .top3 span{
    width:56px;
    text-align:center;
	padding-left:30px;
	padding-left:32px\9;
	font-size:9px\9;
}

*+html .top .rlink .top3 span{
padding-left:28px!important;
}

.top .rlink .top3 span a{
    color:#fff;
}
.top .rlink .navi{
    width:577px;
    height:93px;
    text-align:center;
}
.top .rlink .navi ul{
    display:block;
    height:20px;
    padding-top:10px;
    width:577px;
}
.top .rlink .navi ul li{
    display:block;
    padding-top:14px;
    width:80px;
    float:left;
}
.top .rlink .navi ul li a{
    color:#079e2a;
    font-size:12px;
    font-weight:bold;
}
.top .rlink .navi ul li a:hover{
    color:#ff9c00;
}
.top .rlink .navi ul li .atpage{
    color:#ff9c00;
    text-decoration:underline;
}

/*----------end header ---------*/

/*---------- container ---------*/
.container{
margin:0 auto;
width:950px;
margin-top:2px;
font-size:12px;
color:#000;
}

.content{
margin-top:10px;
padding:0;
font-size:12px;
line-height:23px;
}
/*---------- container ---------*/
/*---------- content c1  ---------*/
#c1{
width:950px;
height:355px;
background:url(bg1.gif) no-repeat;
text-align:left;
}

.listbox{
	width:950px;
	overflow:hidden;
	float:left;
	clear:both;
	overflow:hidden;
}
.listbox dl{
	width:300px;
	margin-right:8px;
	float:left;
}
.listbox ul a{
	color:#666;
}

#c1 .more{
    width:950px;
    height:30px;
    font-size:12px;
}

#c1 .more a{
    color:#a3a4a3;
}
#c1 .more a:hover{
    cursor:pointer;
    color:#ff9c00;
}
#c1 .more span,.more img{
    border:none;
    padding-top:5px;
    float:right;
}
#c1 .more span{
    height:27px;
    padding-top:3px;
}
#c1 .more1{
    float:left;
    width:280px;
	padding-right:10px;
    height:30px;
}
.more3{
    float:left;
    width:650px;
	padding-right:10px;
    height:30px;
}	
#c1 .more2{
    float:left;
    width:350px;
    height:30px;
    margin:0 10px;
}

#c1 .main_c{
    width:950px;
    height:325px;
    position:absolute;
}
#c1 .main_c .notes, .works{
    float:left;
    width:260px;
    height:311px;
    padding-top:8px;
    padding-left:30px;
}
#c1 .main_c .works{
    width:284px;
    height:311px;
    padding-top:8px;
    padding-left:6px;
}
#c1 .main_c .news{
    float:left;
    width:350px;
    height:325px;
    padding:0 10px;
	text-align:center;
}
#c1 .main_c .news .news_pic img{
    position:relative;
    top:2px;
    left:2px;
    width:346px;
    height:244px;
}
#c1 .main_c .news .news_des{
    width:348px;
    height:55px;
    margin-left:1px;
    position:absolute;
    top:224px;
    text-align:center;
    line-height:26px;
    background:url(news_desc.png) no-repeat top left ;
}
#c1 .main_c .news .news_des p a{
    color:#fff;
}
#c1 .main_c .news .other_img{
    position:absolute;
    top:255px;
    text-align:center;
	width:348px;
    height:49px;
    background:#fff;
}
#c1 .main_c .news .other_img img{
    padding-left:5px;
    padding-top:3px;
}
/* end c1 */




#faq{
width:290px;
height:354px;
float:left;
}
#need{
width:350px;
height:354px;
float:left;
margin:0 10px;
}
.things{
color:#2E3231;
float:left;
width:110px;
}
.things ul{
text-align:center;
}
.things li{
float:left;
cursor:pointer;
width:110px;
height:28px;
z-index:500;
background:url(s1.gif) no-repeat top left;
}

.hover {
	background:url(sat.gif) no-repeat top right !important;
	z-index:1;
	width:115px;
	height:28px!important;
}

#mouse_on{
width:121px;
height:28px;
color:#079e2a;
font-weight:bold;
background:url(sat.gif) no-repeat top left;
}
#shop_details{
color:#2E3231;
float:right;
width:150px;
height:378px;
padding-left:18px;
text-align:left;
background:#eeffcf;
border:1px solid #98d91d;
}

#c2{
width:950px;
height:440px;
background:url(bg2.gif) no-repeat top left scroll;
text-align:left;
line-height:23px;
}
.main_c2{
width:950px;
height:354px;
font-size:12px;
}
#line_nouse{
width:950px;
height:30px;
background:transparent;
}
#c2 .main_c2 .shop .things .thisclass
{background:url(sat.gif) no-repeat top right;width:120px;height:28px;}
.shop{
float:left;
padding-left:5px;
width:285px;
height:354px;
}	 
#have{
padding-top:30px;
width:330px;
padding-left:20px;
padding-top:12px;
height:86px;
}
#require{
width:330px;
padding-left:20px;
padding-top:15px;
}
#have span, #require span{
padding-left:270px;
font-size:12px;
}
#have span a,#require span a{
color:#a3a4a3;
}
.ask{
width:270px;
padding-left:15px;
padding-top:15px;
}
.ask span{
color:#ff9c00;
width:60px;
}
.sub{
width:265px;
height:24px;
background:url(ask.gif);
}
.sub a{
color:#2e3231;
font-weight:bold;
margin-left:190px;
text-decoration:underline;
}
.sub a.moresub{
margin-left:0;
color:#A3A4A3;
text-decoration:none;
}
.sub a:hover{
color:#fff;
text-decoration:none;
}
/* end c2 */


/* ---------------- c3 ----------------*/
#c3{width:950px;height: 280px;margin-top:10px;background:url(bg3.gif) no-repeat;}
.ins_pic{
float:left;
width:646px;
height:156px;
padding-top:10px;
padding-left:2px;
}
.ins_pic img{
width:211px;
height:29px;
padding-top:2px;
display:block;
}
.ins_pic #office a:hover{
background:url(office1.gif);
}


#links{
float:left;
width:290px;
height:141px;
padding-top:30px;
padding-left:8px;
text-align:center;
}
#twolinks{
width:290px;
}
.select{
width:200px;
height:22px;
color:#5f6262;
margin-top:10px;
text-align:center;
border:1px solid #a3a4a3;
}
/*end c3*/
/*---------- frame : footer ---------*/
#footer{
    width:950px;
	margin:0 auto;
    height:48px;
    font-size:12px;
	margin-top:10px;
    background:url(footer_bg.jpg) no-repeat;
}

#footer .foot_left{
    float:left;
    width:830px;
    height:48px;
    padding-left:20px;
    text-align:left;
}

#footer .foot_left span{
    color:#fff;
    color:#fff;
    padding-top:5px;
    display:block;
}

#footer .foot_right{
    float:right;
    width:100px;
    height:48px;
	padding-top:5px;
    text-align:center;
}

#footer .foot_right a{
    color:#fff;
}

#footer .link{
	text-align:center;
	padding:5px 0px;
}
#footer .link a{
	margin:0px 5px;
	color:#666666;
}


.pages li {display:inline;}
#catch{
padding-left:20px;
padding-top:34px;
width:330px;
}
form{
width:300px;

}
input,select{
margin:0 5px 5px 5px;
border:1px solid #ddd;
}
textarea{
border:1px solid #ddd;
width:300px;
height:50px;
font-size:12px;
}
.btn{
margin:5px 0 0 0;
}