#top { display: block; text-align: left; height:236px;  position: relative; z-index: 0;}
#header { display: block; text-align: left; height:146px; position: relative; z-index: 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER TOPPART~~~~ */
#toppart { display: block; margin:0 auto; width: 100%; position: absolute; top: 0; left: 0px; height: 106px; z-index: 1; }
#logo { display: block; text-align:center; margin:0; position:absolute; top:44px; width:100%; height:82px;}

/*TOPBAR*/
#topbar { background: url(../images/topbar_bg.gif) repeat-x center top; height: 27px; float: left; width:300px;}
	#topbar .sideleft { background: url(../images/topbar_bg.gif) no-repeat left bottom; height: 27px; width: 8px; float: left; }
	#topbar .sideright { background: url(../images/topbar_bg.gif) no-repeat right bottom; float: right; height: 27px; width: 8px; }
#topbar .tabs { float: right; margin: 4px 4px 7px 4px ;	padding: 0}
		#topbar .tabs li { position: relative; z-index: 0; background: url(../images/topbar_itemline.gif) no-repeat left center; display: block; padding: 0 10px 0 12px; margin: 0; float: left; line-height: 16px; height: 16px; width: auto; cursor: pointer}
		#topbar .tabs .homefont{ font-weight:600;}
			#topbar .tabs .noline {	background-image: none}
		#topbar .tabmenu { position: absolute; z-index: 4; width: 98px; left: 10px; float: left; margin: 0; padding:0}
			#topbar .tabmenu a:hover {color: #000; text-decoration: none;}
				#topbar .tabmenu .myshop { float: left; padding-left: 19px; display: block; background: url(../images/topbar_spic.gif) no-repeat 0 1px}
				#topbar .tabmenu .arrow_down  { background: url(../images/topbar_arrow_down.gif) no-repeat left top; float: left; height: 12px; width: 11px; display: inline; margin: 1px 4px 4px 5px}
			#topbar .downmenu { position:absolute; z-index: 2; display: none; left: 2px; top: -4px; background-color: #FFF; width: 92px; border: solid 1px #8DADC7; float: left; padding-top: 25px; filter:alpha(opacity=90); -moz-opacity:0.9;/opacity:0.9; }
			#topbar .downmenu { border-top:none}
				#topbar .downmenu li { float: left; display:block; background-image: none; width: 92px; margin: 0px; padding: 0px; line-height: 24px; height: 24px; font-family: tahoma}
					#topbar .downmenu li a { float: left; display:block; background-image: none; width: 68px; height: 24px; margin: 0px; padding:0 0 0 24px; line-height: 24px}
					#topbar .downmenu li a:hover {background-color: #E8FAFF; text-decoration: none}
					
#topbar_right { background: url(../images/topbar_bg.gif) repeat-x center top; height: 27px; float: right; width:218px; clear:right; margin-top:0px; padding:0px;}
	#topbar_right .sideleft { background: url(../images/topbar_bg.gif) no-repeat left bottom; height: 27px; width: 8px; float: left; }
	#topbar_right .sideright { background: url(../images/topbar_bg.gif) no-repeat right bottom; float: right; height: 27px; width: 8px; }
#topbar_right .tabs { float: right; margin: 4px 4px 7px 4px ;	padding: 0}
		#topbar_right .tabs li { position: relative; z-index: 0; display: block; padding: 0 10px 0 12px; margin: 0; float: left; line-height: 16px; height: 16px; width: auto; cursor: pointer}
		#topbar_right .gang{ background: url(../images/topbar_itemline.gif) no-repeat left center; }
		#topbar_right .tabmenu { position: absolute; z-index: 4; width: 98px; left: 10px; float: left; margin: 0; padding:0}
			#topbar_right .tabmenu a:hover {color: #000; text-decoration: none;}
				#topbar_right .tabs .help { float: left; padding-left: 19px; display: block; background: url(../images/topbar_spic.gif) no-repeat 0 -29px}
				#topbar_right .tabmenu .lang { float: left; padding-left: 19px; display: block; background: url(../images/topbar_spic.gif) no-repeat 0 -59px;}
				#topbar_right .tabmenu .arrow_down  { background: url(../images/topbar_arrow_down.gif) no-repeat left top; float: left; height: 12px; width: 11px; display: inline; margin: 1px 4px 4px 5px}
			#topbar_right .downmenu { position:absolute; z-index: 2; display: none; left: 2px; top: -4px; background-color: #FFF; width: 92px; border: solid 1px #8DADC7; float: left; padding-top: 25px; filter:alpha(opacity=90); -moz-opacity:0.9;/opacity:0.9; }
			#topbar_right .downmenu { border-top:none}
				#topbar_right .downmenu li { float: left; display:block; background-image: none; width: 92px; margin: 0px; padding: 0px; line-height: 24px; height: 24px; font-family: tahoma}
					#topbar_right .downmenu li a { float: left; display:block; background-image: none; width: 68px; height: 24px; margin: 0px; padding:0 0 0 24px; line-height: 24px}
					#topbar_right .downmenu li a:hover {background-color: #E8FAFF; text-decoration: none}
					
#quick_link { float: right; height: 18px; width:470px; padding-bottom:7px !important; padding-bottom:4px;}
		#quick_link ul { float: right; display: block; margin: 3px auto 0px auto; }
			#quick_link li { float: left; line-height: 18px;  padding:0 11px 0 9px; background: url(../images/topbar_itemline.gif) no-repeat right center; height: 16px}
			#quick_link span { color: #999; margin: 0 5px 0 0; cursor:pointer; padding: 0 9px 0 18px; float: left;  display: inline; background: url(../images/quicklink_spic.gif) no-repeat left center}
			#quick_link .noline { background-image: none }
		#quick_link .search { float: left; background-image: none; padding-right: 0}
				#quick_link .search label { background: url(../images/quicklink_searchpic.gif) no-repeat left top; float: left; height: 18px; padding-left:24px}
				#quick_link .searchinput { line-height: 16px; height: 16px; float: left; width: 80px; font-size: 12px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; border-right: none; border-left: none; margin:0; padding:0}
				#quick_link .searchbtn { background: url(../images/quicklink_searchbtn.gif) no-repeat left top; height: 18px; width: 40px; border:none; line-height: 18px; text-align: center; color: #666; float: left; cursor: pointer}
				

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVPART ~~~~ */
#navpart { background:url(../images/navmenubg1.gif) repeat-x 0 58px; height: 96px; width:100%; z-index: 0; position: absolute; top: 140px;}
	#navpart .sideleft { background:url(../images/navmenubg2.gif) no-repeat left bottom; float: left; height: 96px; width: 6px;}
	#navpart .sideright { background:url(../images/navmenubg2.gif) no-repeat right bottom;float: right; height:96px; width: 6px}
	  #navmenubar { height: 38px; float: left; display: inline; width: 60%; z-index: 3; margin-top:-3px;}
			#hot { background: url(../images/sign_hot.gif) no-repeat left top; height: 21px; width: 19px; position: absolute; top: -5px; right: 2px; z-index: 666}
		#navmenubar .navmenu {height: 38px; margin: 0px 0 0 6px; float: left; display: inline;}
				#navmenubar .navmenu li { float: left; white-space: nowrap;}
					#navmenubar .navmenu li a { width: 71px; float: left; line-height: 40px; height: 38px; text-align: center; color:#ffffff; font-size: 14px; font-weight: 600; background: url(../images/shugang.gif) no-repeat 0px 2px; padding:0px 0px 0px 6px;}
					#navmenubar .navmenu li a:hover {color: #fff; text-decoration:none;font-size: 14px; font-weight: 600; background: url(../images/navmenutabbg5.gif) no-repeat 8px 0px; line-height: 40px;}
					#navmenubar .navmenu .current a , #navmenubar .navmenu .current a:hover { background: url(../images/navmenutabbg5.gif) no-repeat 6px 0px; font-weight: 600; color: #fff; font-size: 14px; text-decoration:none; line-height: 40px;}
					#navmenubar .navmenu .longdao1 a , #navmenubar .navmenu .longdao2 a { width: 71px; float: left; line-height: 40px; height: 38px; text-align: center; color:#ffffff; font-size: 14px; font-weight: 600; background: url(../images/shugang.gif) no-repeat; margin:0px 0px 0px 5px; padding:0px 0px 0px 6px;}
					#navmenubar .navmenu .longdao3 a{ width: 58px; float: left; line-height: 40px; height: 38px; text-align: center; color:#ffffff; font-size: 14px; font-weight: 600; background: url(../images/shugang.gif) no-repeat; margin:0px 0px 0px 5px; padding:0px 0px 0px 6px;}
					#navmenubar .navmenu .longdao1 a:hover { color: #fff; text-decoration:none; font-size: 14px; font-weight: 600; background: url(../images/navmenutabbg5.gif) no-repeat 6px 0px;line-height: 40px;}
					#navmenubar .navmenu .longdao2 a:hover { color: #fff; text-decoration:none; font-size: 14px; font-weight: 600; background: url(../images/navmenutabbg6.gif) no-repeat 6px 0px; line-height: 40px;}
					#navmenubar .navmenu .longdao3 a:hover { color: #fff; text-decoration:none; font-size: 14px; font-weight: 600; background: url(../images/navmenutabbg4.gif) no-repeat 6px 0px; line-height: 40px;}
			
	  #navmenubar_right { height: 38px; float: right; display: inline; margin: 0 2px 0 0; z-index: 3; margin-top:-3px;}
			#hot { background: url(../images/sign_hot.gif) no-repeat left top; height: 21px; width: 19px; position: absolute; top: -5px; right: 2px; z-index: 666}
		#navmenubar_right .navmenu {height: 38px; padding: 0; margin: 0px 14px 0 6px; float: right; display: inline; }
		#navmenubar_right .navmenu .title{padding:0px 2px 5px 0; font-size:14px; font-weight:bold; line-height:40px;}
				#navmenubar_right .navmenu li {float: left; white-space: nowrap; padding:0; display: inline;color:#ffffff; margin:0px 0px 0px 5px;}
					#navmenubar_right .navmenu li a {float: left; line-height: 40px; text-align: center; color:#ffffff; background:url(../images/shugang.gif) no-repeat; padding:0px 0px 0px 6px; width:71px; }
					#navmenubar_right .navmenu li a:hover {color: #fff;  text-decoration:none; background: url(../images/navmenutabbg5.gif) no-repeat 5px 0px; text-align:center; width:71px; line-height:40px; height:38px;}

/* NAVSEARCHBAR */
#navsearchbar {	background: url(../images/navsearchbarbg.gif) repeat-x center top; margin: 1px 0 0 125px; float: left; width: 700px; padding: 0; height: 36px; display: inline; }
	#navsearchbar .side_left { background: url(../images/navsearchbarbg.gif) no-repeat left bottom; float: left; height: 36px; width: 5px}
	#navsearchbar .side_right { background: url(../images/navsearchbarbg.gif) no-repeat right bottom; float: right; height: 36px; width: 6px}
	/* NAVSEARCH */
#navsearchform { display: inline; float: left; width: 688px; margin:6px auto; height: 24px; overflow: hidden;}
		#navsearchform a { color: #7F5A00; text-decoration: none; }
		#navsearchform a:hover { color: #018CCD; text-decoration:underline; }
		#navsearchform option { background-color: #ffffff; color: #333;}
		#navsearchform .clip_selectname { background-color: #EFEFEF; border-bottom: solid 1px #E4E4E4; border-left: solid 1px #C3C3C3; border-right: solid 1px #E4E4E4; border-top: solid 1px #C3C3C3; clip: rect(0px,16px,22px,0px); display: inline; float: left; height: 22px; left: 2px; line-height: 22px; margin-left: 3px; margin-right: 6px; overflow: hidden; width: 92px; }
			#navsearchform .selectname { font-size:12px; width:90px; line-height:24px; border:0px; height: 24px;}
		#navsearchform .inputtext { background-color: #FFFFFF; border-bottom : solid 2px #E4E4E4; border-left: solid 2px #C3C3C3; border-right: solid 2px #E4E4E4; border-top: solid 2px #C3C3C3; color: #333; float: left; font-family: Arial; font-size: 13px; height: 18px; line-height: 18px; padding-left: 5px; width: 255px; }
		#navsearchform .clip_selectcate { background-color: #EFEFEF; border-bottom: solid 1px #E4E4E4; border-left: solid 1px #C3C3C3; border-right: solid 1px #E4E4E4; border-top: solid 1px #C3C3C3; clip: rect(0px,16px,22px,0px); float: left; height: 22px; left: 368px; line-height: 22px; margin-left: 6px; margin-right: 6px; overflow: hidden; width: 182px; }
			#navsearchform .selectcate { border: 0px; float: left; font-size: 12px; height: 24px; line-height: 24px; width: 180px; }
		#navsearchform .inputbutton { background: url(../images/navsearchbutton.gif) no-repeat; color:#FFFFFF; border: none;  height: 24px; line-height: 24px; text-align: center; width: 52px; cursor: pointer;}
	/* SEARCHKEYWORDS */
#navkeywords { line-height: 24px; margin:0 0 0 135px; width: 650px; overflow: hidden; height: 24px; display: inline; float: left; clear: both;}
		#navkeywords h3 { float: left; font-weight: 600; color: #7F5A00;}
		#navkeywords span { display: block; float: left; padding-left: 5px; padding-right: 5px; cursor: pointer; }
			#navkeywords a { color: #7F5A00; text-decoration: none;}
			#navkeywords a:hover { color: #018CCD;}
	#navscrollpic { float: right; width: 202px; display: block; height: 68px;}
	#navscrollpic .scrolldiv { width:170px; height:68px; min-height:25px; line-height:68px; overflow:hidden; background: url(../images/navscrollbg.gif) no-repeat left top; float: left}
		#navscrollpic .scrolldiv li { height: 68px; width: 170px;}
	#navscrollpic .btnleft { float: left; background: url(../images/navscrollbtn.gif) no-repeat left top; height: 16px; width: 16px; margin:26px 0}
	#navscrollpic .btnright { float: right; background: url(../images/navscrollbtn.gif) no-repeat right top; display: block; height: 16px; width: 16px; margin:26px 0}









/*foot*/
.footlink { margin-right: auto; margin-left: auto; text-align: center; width: 100%; font-size: 12px; line-height: 36px; height: 36px;}
.copyright { text-align: center; width: 100%; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; float:left; display:block; white-space: nowrap; line-height: 18px; }
.footlink li { text-align: center; display: inline; margin-right: 8px; margin-left: 8px; }
#layout_foot {
	display:block;
	width: 100%;
	background-image: url(../images/foot_bg.jpg);
	background-repeat: repeat-x;
	height: 104px;
	background-position: center top;
	clear:both;
}