*{ margin:0; padding:0;}
body{ background:#fff;font-family:"ËÎÌå","";font-size:12px;}
.box{ margin:0 auto; width:768px; height:auto; position:relative; }
.box img{ display:block; border:0;}

.topline{ height:5px; line-height:5px; overflow:hidden;background:#409d00;}
/*---------------------------------header----------------------------------------*/
.header{ height:58px; padding-bottom:7px; position:relative; margin-top:0px;}
.con_pho{ float:right;}
.language{ width:209px; height:26px;background:url(../images/lang_bg.jpg) no-repeat;}
.language img{ display:inline; margin:4px 6px 0 22px; }
/*---------------------------------nav----------------------------------------*/
/*
#navi {width:770px; height:45px; overflow:hidden; background:url(../images/nav.jpg) no-repeat 0 0;}
#navi li {height:45px;float:left; margin-left:0px;}
#navi li a{display:block;height:45px;overflow:hidden; padding-top:60px;}
#navi li.nav1{width:128px;}
#navi li.nav2{width:95px;}
#navi li.nav3{width:152px;}
#navi li.nav4{width:97px;}
#navi li.nav5{width:95px;}
#navi li.nav6{width:69px;}
#navi li.nav7{width:134px;}

#navi li.nav1 a.current, #navi li.nav1 a:hover{background:url(../images/nav.jpg) no-repeat 0 -46px;}
#navi li.nav2 a.current,#navi li.nav2 a:hover{background:url(../images/nav.jpg) no-repeat -128px -46px;}
#navi li.nav3 a.current,#navi li.nav3 a:hover{background:url(../images/nav.jpg) no-repeat -223px -46px;}
#navi li.nav4 a.current,#navi li.nav4 a:hover{background:url(../images/nav.jpg) no-repeat -375px -46px;}
#navi li.nav5 a.current,#navi li.nav5 a:hover{background:url(../images/nav.jpg) no-repeat -472px -46px;}
#navi li.nav6 a.current,#navi li.nav6 a:hover{background:url(../images/nav.jpg) no-repeat -567px -46px;}
#navi li.nav7 a.current,#navi li.nav7 a:hover{background:url(../images/nav.jpg) no-repeat -636px -46px;}*/

.nav{ position:absolute; z-index:999; left:0;}
ul#navmenu {width: 770px; /*For KHTML*/ list-style: none; height: 45px;background:url(../images/nav.jpg) no-repeat 0 0; } 
ul#navmenu li {float: left; /*For Gecko*/  display: block !important;display: inline; list-style: none; position: relative; } 
ul#navmenu ul {width: 158px; list-style: none; display: none; position: absolute; top:45px; left:0px; } 
ul#navmenu ul li {float: none; /*For Gecko*/ display: block !important;display: inline;  /*For IE*/ } 

/* Root Menu */ 
ul#navmenu a{display: block;color: #666; font-size:12px; text-decoration: none; height:24px; border-bottom:1px #ffa753 solid; border-left:1px #ffa753 solid; border-right:1px #ffa753 solid; padding-left:7px; line-height:24px;}
ul#navmenu a#n1,
ul#navmenu a#n2,
ul#navmenu a#n3,
ul#navmenu a#n4,
ul#navmenu a#n5,
ul#navmenu a#n6,
ul#navmenu a#n7 {display: block;color: #666; font-size:12px; text-decoration: none; height:45px; text-indent:-9999px;overflow:hidden; border:none;} 
ul#navmenu ul li.first_line{ border-top:1px #ffa753 solid;}/*first_line*/

/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { } 

/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { float: none; background: #fff0e5;color: #666;} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { background: #fff;color: #bf4d00;} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a {background: #fff0e5;color: #666; } 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { background: #fff;color: #bf4d00; } 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a {background: #fff0e5;color: #666; } 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { background: #fff;color: #bf4d00; } 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { display: none; position: absolute; top:-1px; _top:1px; left: 127px; z-index:20;} /*make the different ul to keep the same levle   2008-8-4 by casao*/
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { display: none; } 

ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { display: block; } 

ul#navmenu li#nav1{width:128px;height:45px;}
ul#navmenu li#nav2{width:95px;height:45px;}
ul#navmenu li#nav3{width:152px;height:45px;}
ul#navmenu li#nav4{width:97px;height:45px;}
ul#navmenu li#nav5{width:95px;height:45px;}
ul#navmenu li#nav6{width:69px;height:45px;}
ul#navmenu li#nav7{width:134px;height:45px;}
.nav1_a{background:url(../images/nav.jpg) no-repeat 0 -46px;display:block;width:128px; cursor:hand;}
.nav2_a{background:url(../images/nav.jpg) no-repeat -128px -46px;display:block;width:95px;cursor:hand;}
.nav3_a{background:url(../images/nav.jpg) no-repeat -223px -46px;display:block;width:152px; cursor:hand;}
.nav4_a{background:url(../images/nav.jpg) no-repeat -375px -46px;display:block;width:97px;cursor:hand;}
.nav5_a{background:url(../images/nav.jpg) no-repeat -472px -46px;;display:block;width:96px; cursor:hand;}
.nav6_a{background:url(../images/nav.jpg) no-repeat -567px -46px;display:block;width:69px;cursor:hand;}
.nav7_a{background:url(../images/nav.jpg) no-repeat -636px -46px;;display:block;width:134px; cursor:hand;}/*the efect in FF is different from it in IE*/

li#nav1 a#n1:hover{background:url(../images/nav.jpg) no-repeat 0 -46px;}
li#nav2 a#n2:hover{background:url(../images/nav.jpg) no-repeat -128px -46px;}
li#nav3 a#n3:hover{background:url(../images/nav.jpg) no-repeat -223px -46px;}
li#nav4 a#n4:hover{background:url(../images/nav.jpg) no-repeat -375px -46px;}
li#nav5 a#n5:hover{background:url(../images/nav.jpg) no-repeat -472px -46px;}
li#nav6 a#n6:hover{background:url(../images/nav.jpg) no-repeat -567px -46px;}
li#nav7 a#n7:hover{background:url(../images/nav.jpg) no-repeat -636px -46px;}


/*-----------------------banner---------------------------------*/
.banner{ margin-bottom:15px; margin-top:44px;}
/*-----------------------main---------------------------------*/

.main{ width:506px; height:auto; float:left;}
.title1{ height:22px; background:#ecf5e5; border-bottom:1px #409d00 solid; margin-bottom:5px;}
.title2{ height:22px; background:#fff2e5; border-bottom:1px #ff8000 solid; margin-bottom:5px; width:490px}
.title3{ padding-bottom:5px; border-bottom:1px #a3cf66 solid;width:490px;}
.title3 span{ float:right; margin-top:-11px;}
/**/
.displaywrap{width:504px; border:1px #a3cf66 solid; border-top:none;height:161px; background:#ecf5e5;margin-bottom:10px;}
.display{ width:496px; background:#fff; height:156px; margin:0 auto;}
.display table{ margin-top:25px; margin-left:9px !important;}
.display ul{ list-style:none;}
.display ul li{ width:97px; height:107px;  border:1px #a3cf66 solid; display:block; float:left; margin:0 6px;}
.display ul li img{width:97px; height:92px;}
.display ul li p{height:15px; line-height:15px; background:#66b133; font-size:10px; color:#FFF; text-align:center;}

/**/
.info{ border-right:1px #ffab57 solid; height:auto;}
 ul#pikuabu{list-style:none; margin:0;width:490px; margin-top:10px; margin-bottom:10px;}
 ul#pikuabu li{margin-top:10px; margin-bottom:10px;}
 ul#pikuabu img{ float:left;}
 ul#pikuabu p{ width:350px; height:83px; border-bottom:1px #ccc dotted; float:right;}
 ul#pikuabu span.date{ padding:4px 0; color:#ff8000;font-size:12px; display:block;}
 ul#pikuabu span.text{font-size:12px; display:block;background:url(../images/orange_arrow.gif) no-repeat left 4px; padding-left:17px; font-weight:bold; line-height:150%;}
 ul#pikuabu span.text a{ color:#888;text-decoration:none;}
 ul#pikuabu span.text a:hover{color:#ff8000; text-decoration:none;}
 
 /**/
 ul#list{ list-style:none;font-size:12px; color:#999; width:490px; margin-top:10px;}
 ul#list li.list_t{background:url(../images/blue_arrow.gif) no-repeat left; border-bottom:1px #CCCCCC dotted;line-height:200%; padding:2px 0 0px 17px;  }
 ul#list p{color:#ff8000; padding:3px 0 0px 15px;}
 ul#list a{ color:#666;text-decoration:none;}
 ul#list a:hover{ color:#3e6a97; text-decoration:underline;}

/*-----------------------sidebar---------------------------------*/
.title4{ width:227px; margin:0 auto; border-bottom:1px #409d00 solid; padding-bottom:5px;}
.title4 span img{ float:right; margin-top:-21px;}

.sidebar{ width:247px; height:auto; float:right; padding-top:8px;}
/*.sidebar1{ background:url(../images/sidebg.gif) repeat-y;}
.think{ width:227px; margin:0 auto; background:#f6fbf4; border:1px #ebf4e4 solid;}
.think img{margin:8px;_margin-left:4px; float:left;}
.think p{ display:block;width:100px; padding-right:5px; float:right; margin-top:8px; color:#666666; line-height:140%; font-size:12px;overflow:hidden;}
.think span img{ float:right;}
*/
.sidebar1{ background:#ebf4e4; border:1px #409d00 solid; border-top:none;}
.sidebar1 ul{ border-top:2px #ecf5e5 solid; list-style:none; padding:10px; font-size:12px;color:#999;}
.sidebar1 ul  p{ padding:0; color:#66b133;}
.sidebar1 ul li{padding:4px 0; background:url(../images/arrpw_green.jpg) no-repeat left 5px; *background:url(../images/arrpw_green.jpg) no-repeat left 10px; padding-left:15px;}
.sidebar1 ul li a{color:#999; text-decoration:none;}
.sidebar1 ul li a:hover{ text-decoration:underline;}
p.think { background:#fff; padding:8px; color:#666; line-height:140%; font-size:12px;}
p.think span img{ float:right;}
/*.sidebar1 ul{ border-top:2px #ecf5e5 solid; list-style:none; padding:10px;font-size:12px; color:#999999; margin:0;}
.sidebar1 ul  p{ padding:4px 0; color:#ff8000; border:0;}
.sidebar1 ul li{ margin:0;border-bottom:1px #ccc dashed; padding:4px 0;}
*/


.sidebar2{ margin-top:10px;font-size:10px; color:#999;}
.sidebar2 img{ margin:8px auto;}

/*-----------------------------footer---------------------------*/
.footer{ background: url(../images/right.gif) no-repeat right #f0f0f0; height:32px; margin:15px auto;font-size:11px; line-height:32px;color:#666;}
.footer img{}
.footer a{color:#999; text-decoration:none;}
.footer span{ padding-left:3px;font-family:Arial, Helvetica, sans-serif;}
.footer ul#help{ margin:0; list-style:none; float:right; margin-top:-32px; margin-right:15px;}
.footer ul#help li{ display:inline;}