/*-| author:  | www. |-*/


/* ================================================================= */
/* =======================ÍÀ×ÀËÜÍÛÅ ÓÑÒÀÍÎÂÊÈ======================= */
/* ================================================================= */

html{height:100%;}
body{height:100%; color:#000; font:11px/1.2 Tahoma, Helvetica, sans-serif; background:#FFF url(/images/dashed.gif) repeat-y 163px 0;}
a{color:#006699; text-decoration:underline;}
a:hover{text-decoration:none;}
h1{font:18px/1.2 Arial, sans-serif;}
h4{color:#000; font:900 13px/1.2 Arial, sans-serif;}
button{font-size:10px;}


/* ================================================================= */
/* =============================ÂÅÐÑÒÊÀ============================= */
/* ================================================================= */

.page{min-height:100%; _height:100%;}

.header{width:908px; height:65px; background:#DDFAF8 url(/images/bg_header.jpg) no-repeat 0 0;}
	.logo{float:left; margin:24px 0 0 22px;}
	.header form{float:right; width:253px; height:65px; background:url(/images/dashed.gif) repeat-y 252px 0;}
		.header form p{padding:21px 0 0 0;}

.panel{position:relative; width:908px; height:24px; border-top:1px solid #FFF; border-bottom:32px solid #E5E5E5; background:#C3D1C4;}
	.panel .nav{float:left; width:655px; height:24px; border-right:1px solid #FFF;}
		.panel .nav ul{float:right; height:24px; padding:0 10px 0 0; background:#666999;}
			.panel .nav ul li{float:left; height:24px;}
				.panel .nav ul li a, .panel .nav ul li span{float:left; display:block; height:24px; padding:0 10px; line-height:24px; color:#FFF; font-weight:900; text-decoration:a:hover;}
				.panel .nav ul li span{border-left:1px solid #FFF; border-right:1px solid #FFF; background:#F09;}
	.panel .products{position:absolute; top:32px; left:0; width:655px; text-align:center;}
		.panel .products li{display:inline; padding:0 8px;}
			.panel .products a{color:#0199CA;}
	.panel .sys{float:left; width:252px; height:24px;}
		.panel .sys a.tech{float:left; height:24px; line-height:24px; padding:0 10px; color:#FF3333; font-weight:900; text-decoration:none;}
		.panel .sys a:hover.tech{text-decoration:underline;}
		.panel .sys ul{float:right;}
			.panel .sys ul li{float:left;}
				.panel .sys ul li a, .panel .sys ul li span{float:left; display:block; height:24px; line-height:24px; padding:0 10px; color:#FF0099; text-decoration:none;}
				.panel .sys ul li span{border-left:1px solid #FFF; border-right:1px solid #FFF; color:#666; background:#E5E5E5;}

.main{width:908px; min-height:300px; _height:300px;}
	.main .bnr{width:100%; height:152px; border-bottom:5px solid #FFF; background:#060611;}
	.main .index{float:left; width:655px; /padding:0 0 120px 0; background:#FFF url(/images/dashed.gif) repeat-y 327px 0;}
		.main .index table{width:100%; table-layout:fixed; font-size:11px;}
			.main .index td{width:50%; padding:25px 0 40px 0;}
				.main .index .product-view{float:left; width:110px; text-align:center;}
					.main .index .product-view p{padding:0 0 0 5px; text-align:left; font-size:9px; color:#000;}
						.main .index .product-view p strong{font-size:11px; color:#666;}
						.main .index .product-view p span{font-size:18px; color:#FF0101;}
				.main .index .product-info{float:left; width:212px;}
					.main .index .product-info .name{color:#676767;}
						.main .index .product-info .name a{margin:0 5px 0 0; color:#000; font-size:13px; font-weight:900; text-decoration:none;}
							.main .index .product-info .name a span{color:#FE019A;}
					.main .index .product-info .sys{color:#CCC;}
					.main .index .product-info .info{min-height:130px; _height:130px; margin:10px 0 0 0; padding:10px; line-height:1.4; background:#E1E8E1 url(/images/bg_info.png) no-repeat 100% 100%;}
						.main .index .product-info .info ul{margin:15px 0 0 0;}
							.main .index .product-info .info li{padding:0 0 0 10px; background:url(/images/point-red2.gif) no-repeat 0 5px;}
	.main .content{float:left; width:655px; overflow:hidden;}
		.main .content .sidebar-left{float:left; width:163px;}
		.main .content .text{float:left; width:450px; min-height:200px; _height:200px; margin:0 0 0 10px; _margin:0 0 0 4px; padding:10px; _padding-bottom:100px;}
			.main .content table{font:11px/1.2 Tahoma, Helvetica, sans-serif;}
	.main .sidebar-right{float:right; position:relative; width:253px; min-height:300px; _height:300px; /padding:0 0 120px 0;}
		.main .sidebar-right .login{padding:15px 0 15px 14px; border-bottom:1px solid #FFF; background:#C3D1C4;}
			.main .sidebar-right .login p{margin:0 0 10px 0;}
			.main .sidebar-right .login .reg{margin-left:-5px; color:#FFF;}
				.main .sidebar-right .login .reg a{margin:0 5px; color:#000;}
			.main .sidebar-right .login form{padding:10px 0 0 0;}
				.main .sidebar-right .login form p{font-size:9px;}
		.main .sidebar-right .right-img{height:22px; background:url(/images/right-img.jpg) no-repeat 0 0;}
		.main .sidebar-right .txt{padding:25px 15px;}
			.main .sidebar-right .txt p{margin:0 0 15px 0;}
			.main .sidebar-right .txt ul{margin:0 0 0 10px;}
				.main .sidebar-right .txt ul a{color:#0099CC;}

.footer{clear:both; width:auto; height:115px; margin:-123px 0 0 0; _margin:-113px 0 0 0; border-top:8px solid #FFF; text-align:left; color:#fcfcfc; background:#303f4b;}
	.copy{float:left; width:400px;}
		.copy .f-logo{float:left; margin:24px 10px 0 40px;}
		.copy p{float:left; margin:40px 0 0 0; color:#FFF;}
			.copy p a{color:#FFF;}
	.footer-nav{float:left; width:488px; padding:30px 0 0 0;}
		.footer-nav ul{line-height:1;}
			.footer-nav li{float:left; margin:0 0 10px 0; padding:0 10px; border-left:1px solid #FF0099;}
				.footer-nav li a{color:#FFF;}




/* ================================================================= */
/* ==============================ÁËÎÊÈ============================== */
/* ================================================================= */

.left-menu{padding:8px 0 0 0;}
	.left-menu li{margin:0 0 1px 0;}
		.left-menu a, .left-menu span{display:block; padding:5px 0 5px 20px;}
		.left-menu a:hover, .left-menu span{color:#FFFFFF; font-weight:900; text-decoration:none; background:#ff0099 url(/images/point-red.gif) no-repeat 6px 9px;}







/* ================================================================= */
/* =======================ÂÑßÊÈÅ ÐÀÇÍÛÅ ÑÒÈËÈ======================= */
/* ================================================================= */

.border-left{_display:none; position:absolute; top:0; left:0; width:1px; height:100%; background:url(/images/dashed.gif) repeat-y 100% 0;}
.border-right{_display:none; position:absolute; top:0; right:0; width:1px; height:100%; background:url(/images/dashed.gif) repeat-y 100% 0;}




.sitemap{}
	.sitemap ul{margin:0 0 0 20px;}

.search{margin:20px 0 0 180px;}
	.search .green{color:#31CE00;}
	.search ol li{list-style-type:decimal; margin:0 15px; padding:10px 0;}

.pagenav{padding:10px 0;}
	.pagenav span{padding:0 3px; color:#979796; font-weight:900;}
	.pagenav a{padding:0 3px; text-decoration:none;}
	.pagenav a:hover{text-decoration:underline;}