﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* global */
/* 1px=0.0625em，12px=0.75em, 10px=0.625em
*/
body{background-color:#FFFFFF;}
body, p, td, th, li
{
 font-family:"Arial",verdana,helvetica,sans-serif;
 font-size:/*0.75em;*/11px;
 line-height:/*1.25em;*/20px;
 color:#333;
}

a{color:#000;text-decoration:underline;}
a:hover{color:#f00;}
a.a-1{color:#f00;}
/* Standard Definitions
—————————————-*/

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
/* Clear Fix */
.clear:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear
{
display:inline-block;
}
/* Hide from IE Mac */
.clear{display:block;}
/* =10px */
.small {font-size:/*.625em;*/10px;}
/* =14px */
.large {font-size:/*0.875em*/14px;}
/* =16px */
.larger {font-size:/*1em*/16px;}
.soft {color:#D3D3D3;}
.hide {display:none;}
p.last {margin-bottom:0;}
div.first{margin-top:0;}
@media projection, screen { 
    .ui-tabs-hide {display: none;}
}
@media print {
    .ui-tabs-nav {display: none;}
}

/* layout */
body{background:#fff;text-align:center;}
#top,#barnner,#center,#foot{width:980px;margin:0 auto;clear:both;}
#top #logo{width:402px;float:left;margin:5px 0 0 10px;}
#top #logo img{border:none;}
#top #toplink{width:200px;float:right;list-style-type:none;margin:50px 10px 0 0;}
#top #toplink li{float:left;margin-left:20px;}
#top #toplink li a{text-decoration:none;}
#top #mainnav{clear:both;width:980px;height:40px;background:url(shadow.gif) 10px 30px repeat-x;}
#top #mainnav ul{list-style-type:none;width:980px;height:30px;margin:0;padding:0;background:#069;}
#top #mainnav ul li{float:left;width:110px;height:30px;line-height:30px;text-align:center;background:#069;border-left:2px solid #fff;}
#top #mainnav ul li a{color:#fff;font-size:14px;font-weight:bold;text-decoration:none;}
#top #mainnav ul li a:hover{color:#ccc;}
#top #mainnav ul .first{border-left:none;}

#center{margin:5px auto 5px;}
#center #main{width:750px;}
#center #side{width:220px;}
#barnner{background:url(barnner_bg.jpg) top left no-repeat;height:206px;}

#foot{background:#eee;text-align:center;height:60px;}
#foot p{text-align:center;margin:10px auto;}

#guide{border:1px solid #ccc;padding:3px;background:url(home.gif) 5px center no-repeat;padding-left:20px;}
#guide a{text-decoration:none;font-weight:bold;}
#content{margin:10px auto;}
#content p{font-size:12px;margin:20px 10px;}
/*common class*/
.sidebox{margin:10px 0}
.sidebox .list{list-style-type:none;}
.sidebox .list li{text-align:center;margin:10px auto;}
.sidebox .list li a img{border:none;width:200px;}
.sidebox1{border:1px solid #f2f2f2;margin-bottom:10px;}
.sidebox1 .title{background:#069;height:24px;line-height:24px;}
.sidebox1 .title h2{font-size:12px;font-weight:bold;background:url(side_title.gif) center left no-repeat;padding-left:12px;margin-left:5px;color:#fff}

#category .content ul{margin-left:20px;}
#category .content ul li{background:url(sortb.gif) 5px left no-repeat;padding-left:12px;}
#category .content ul li ul li{background:url(sorts.gif) 5px left no-repeat;padding-left:12px;}
#category .content ul li a{border-bottom:none;font-weight:bold;font-size:12px;}
.sidebox1 .content ul{list-style-type:none;margin:5px;}
.sidebox1 .content ul li{background:url(li_1.gif) 8px left no-repeat;padding-left:10px;}
.sidebox1 .content ul li a{text-decoration:none;color:#333;border-bottom:1px dotted #333;}
.sidebox1 .content ul li a:hover{color:#00f;}
.sidebox1 .content ul{list-style-type:none;margin:5px;}

.centerbox1{border:1px solid #ccc;}
.centerbox1 .title{background:#e2e2e2;height:24px;line-height:24px;}
.centerbox1 .title h2{font-size:12px;font-weight:bold;margin-left:5px;background:url(center_title.gif) center left no-repeat;padding-left:15px;}

.productlist{float:left;width:180px;margin-left:6px;_margin-left:3px;display:block;height:180px;_height:200px;text-align:center;}
.productlist img{margin-top:10px;width:150px;height:120px;border:1px solid #eee;padding:2px;}
.productlist span{display:block;height:30px;line-height:30px;text-align:center;}
.productlist span a{font-size:12px;text-decoration:none;color:#0255A8;}

.productshow .title{text-align:left;width:200px;float:left;}
.productshow .title img{width:200px;border:1px solid #ccc;}
.productshow .title span{display:block;text-align:center;color:#00f;font-weight:bold;}
.productshow span a{font-size:12px;text-decoration:none;color:#0255A8;}
.productshow .desc{width:540px;float:right;}
.productshow .desc h3,#content h3{background:url(h3_1.gif) center left no-repeat;border-bottom:1px dotted #666;font-weight:bold;padding-left:14px;width:90%;}
.downloadlist{width:98%;}
.downloadlist .title td{background:#ccc;height:24px;line-height:24px;}
.downloadlist tr td{padding-left:5px;height:20px;}
.downloadlist .z0 td{background:#eee;}

.k_pagelist{border-top:1px dotted #ccc;clear:both;}
.k_pagelist em{margin:0 5px;}
.k_pagelist strong,.k_pagelist a{margin:0 5px;}

.articlelist h5{background:url(li_2.gif) center left no-repeat;padding-left:15px;line-height:20px;border-bottom:1px dotted #ccc;}
.articlelist h5 a{text-decoration:none;color:#333;font-weight:bold;}
.articlelist h5 span{margin-left:20px;color:#ccc;font-style:italic;}
#content .articlelist p{margin:5px auto;}
.articlelist p i{margin:0 5px;color:#ccc;}
.articlelist p a{color:#ccc;}
.searchform{margin:5px;}
.searchform p{margin:10px 0;}
.searchform p label{margin-right:5px;}
.searchform p input{border:1px solid #ccc;}
.searchform .k_in4{width:120px;}
.searchform p select{font-size:10px;font-family:Arial;}
.searchform div{text-align:center;}
.searchform div input{background:#eee;width:90%;font-size:10px;}

.searchlist{margin:10px auto;}
.searchlist h3{border-bottom:1px dotted #ccc;}
.searchlist h3 a{font-weight:bold;text-decoration:none;}
.searchlist p{color:#ccc;margin-left:10px;}
h2{position:relative;}
h2 span{position:absolute;right:5px;top:2px;}
.cn{background:url(cn.gif) center left no-repeat;padding-left:20px;}
.en{background:url(en.gif) center left no-repeat;padding-left:20px;}
.k_form{display:block;width:100%;margin:0px;margin-top:15px;}
	.k_form .k_login {display:table;margin-left:100px;}
	.k_form p{text-align:left;}
	.k_form p label{clear:both;display:block;color:#666;font-size:12px;}
	.k_form p span label{clear:none;display:inline;color:#666;}

	.k_form div {text-align:left;}
	.k_form div input {padding:1px;margin:0px;border:1px solid;border-color:#EEE #777 #777 #EEE;background:#D4D0C8;font-size:12px;margin-right:4px;}

	.k_form ol {text-align:left;}
	.k_form ol li {line-height:24px;}
.k_error{color:#f00;margin-left:5px;}
.k_in4{width:370px;}
#feedbackform p{text-indent:0;margin:5px auto;}
#feedbackform p label{float:left;width:80px;}
