/*首页列表CSS定义*/
#list{
margin: 0px;
padding-right: 6px; padding-left: 6px; padding-bottom: 6px; padding-top: 6px;
text-align: left;	
}
#list ul { 
list-style:none; 
margin:0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
#list li{
background: url(../Skin/hioffice/line.gif) repeat-x bottom; 

/*列表底部的虚线*/
width: 100%;	
}
#list li a{
color: #013458;
display: block;
padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 17px; 
background: url(../Skin/hioffice/arrow2.gif) no-repeat 4px 4px;
/*列表左边的箭头图片*/
}
#list li span{
float: right;/*使span元素浮动到右面*/
text-align: right;/*日期右对齐*/
padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; 
}
#list li a:hover{
color: #ae0202;
background: url(../Skin/hioffice/arrow1.gif) no-repeat 4px 4px;;
}
.clear{
clear:both;
margin:0;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
hight:0px; 
}


/*首页列表CSS定义结束*/


/* ==internet 样站== */

body { 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
margin: 0; 
font: 12px Tahoma, sans-serif,'宋体','新宋体'; 
line-height: 150%;
background: white; 
color: black; 
}

a:link{
color: #013485; 
text-decoration:none;
background: url(../Skin/hioffice/dot_02.gif) bottom left repeat-x;
}
a:visited {
color: #666666;
text-decoration:none; 
background: inherit; 
}
a:hover{
color:#da0303;
text-decoration:underline;
background:none;
}

h1{ 
font: normal 2em Arial,'宋体','新宋体' Sans-Serif; 
letter-spacing: -1px; 
padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; 
margin: 0; 
}

h3,h4 { 
margin: 25px 0px 0px 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; 
font: bold 1.1em Arial, Sans-Serif,'宋体','新宋体' ; 
letter-spacing: -1px; 
}
h2 { 
font-size: 1.5em; 
margin:30px 0px 0px 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; 
color: #660000; 
background: inherit; 
}

.dot_h2 { 
font-size: 1.5em; 
margin:12px 0px 0px 0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; 
color: #660000; 
background: inherit; 
}


table h3{
font: blod 1.2em Arial,'宋体','新宋体' Sans-Serif; 
letter-spacing: -1px;
padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 3px; 
margin: 0px; 
}
p{
text-indent:2em;
margin: 5px; 
}
.p1{
text-indent:0em;
margin: 2px 0 2px 8px; 
}

p span{
text-indent:0em;
margin: 0px; 
}
strong{
color: #0D5ABA; 
}

ul{ 
margin: 0 0 0 3em; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}

.clearall{
clear: both;
}
form {margin: 0; }
.link{
padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; 
}
font{
padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; 
}


/* 间隙图片 */
.bg_pic { 
height:24px;
background: url(../Skin/hioffice/title_bg5.jpg);
border-left:5px solid #aed7ee;
}



/* leftmenu *middle side *index right side */

.content{ 
margin: 0 auto;
width: 994px;
padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; 
}
.leftmenu {
float: left;
width: 21.4%;
margin: 0;
}
.middle {
float: left;
width: 51%;
margin: 0;
}
.right {
float: right;
width: 27%;
margin: 0;
}

/* nr information */
.nr_right_side{
clear:borth;
float: right;
width: 208px;
margin: 0px 0px 0px 5px;
}

.information_right,
.right_column,
.nr_left_side,
.product_right_side{
float: left;
width: 78%;
margin: 0 0 10px 0;
clear:borth;
}

.class_right,
.rightbar{
width:78.28%;
height:auto;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
float: left;
}


.rightbar_box,
.subright_box,
.right_column_box,
.product_right_box,
.nr_left_box,
.comment_box{
width: 770px;
height: auto;
margin:0 0 8px 0;
padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; 
border: 4px #E3E3E3 solid;
float: left;
}

/* index middle */
.middle_left_side {
float: left;
width: 213px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; 
margin: 10px 0;
}		
.middle_left_side a, .middle_right_side a { color: #414141; background: #FFF; }		
.middle_right_side {
float: right;
width: 235px;
background: #FFF url(../Skin/hioffice/dotted.gif) repeat-y;
color: #414141;
padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 20px; 
margin: 10px 0;
}		
.middle_box { 
margin: 0; 
color: #000; 
background: #FFF; 
padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
.middle_box ul{ 
margin: 0 0 0 1.8em; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}	
		
/* index right side */
.right_articles {
background: #f5f5f5;
color: #414141;
padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; 
margin: 0 0 3px 0;
}	
.image {
float: left;
margin: 0 9px 3px 0;
}
.right_articles p {
margin: 0px 0px 6px 6px; 
}
.image a{
color:#ffffff;
}



/* 星星雨登陆CSS*/
/* 登陆CSS *contact us *new prices *new announce CSS *维修资料 information CSS*/
.login,
.contact,
.new_prices,
.new_announce{
width:206px;
height:auto;
margin:0;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
background:url(../Skin/hioffice/new_announce_bg.gif) repeat-x top left;
}

.login h1,
.contact h1,
.new_prices h1,
.new_announce h1,
.middle h1,
.right h1,
.rightbar h1,
.information_right h1,
.nr_right_side h1{
clear: both;
margin:0px;
padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 6px; 
font: bold 14px Tahoma, Arial, Sans-Serif,'宋体','新宋体'; line-height:20px;
vertical-align: middle;
}

.middle h1,
.right h1,
.new_prices h1,
.new_announce h1,
.rightbar h1,
.information_right h1{
color: #FFF;
}

.login h1,
.contact h1,
.nr_right_side h1{ 
color: #000;
background:url(../Skin/hioffice/title.gif) no-repeat;
}
.new_announce h1{ 
background: #6C757A url(../Skin/hioffice/corner.gif) no-repeat top right;
}

.middle h1,
.rightbar h1,
.new_prices h1,
.information_right h1{
background: #A9C0CE url(../Skin/hioffice/corner.gif) no-repeat top right;
}

.right h1 {
background: #6C757A  url(../Skin/hioffice/corner.gif) no-repeat top right;
}

.rightbar .nr h3{ 
margin: 25px 0px 0px 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0.5em; 
background: #ffffff;
color:#000000;
letter-spacing: -1px; 
}


.login h1 img,
.contact h1 img,
.new_prices h1 img,
.new_announce h1 img,
.middle h1 img,
.right h1 img,
.information_right h1 img,
.nr_right_side h1 img{
margin:0 10px 0 3px;
background: #696;
vertical-align: middle;
} 

.rightbar h1 img{
margin:0 10px 0 3px;
background: #FF005C;
vertical-align: middle;
} 



.login_info{
margin:12px 0px 5px 15px;
}
.contact_info {
margin:0 auto;
padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; 
}
.information_info{
margin:5px 0px 5px 9px;
}

.contact_info dl{
width: 180px;
font-size: 9pt;
line-height: 1.3em;
margin: 0 auto;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
.contact_info dt {
float: left;
width: 70px;
margin: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
.contact_info dd {
float: left;
clear: none;
width: 100px;
margin: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
.contact_info p{
width: 180px;
font-size: 9pt;
line-height: 1.3em;
margin: 6px 0 3px 8px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
.contact_info ul{
list-style-type: disc;
width: 180px;
color: #333;
font-size: 9pt;
line-height: 1.5em;
margin: 0 auto;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
#treeviewarea{
margin:10px 0 0 6px;
}


/* 栏目右边内容CSS*/
.time{
width:195px; 
height:28px;
margin:0 0 2px 0;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 6px; 
background: #9E9D9D url(../Skin/hioffice/corner.gif) no-repeat top right;
border-bottom:1px solid #666;
border-left:5px solid #5C5C5C;
line-height:28px;
color:#fff;
}
.pic_ad1 {
margin:0 0 3px 0;
}

.right_column_box h2, {
clear: both;
height: 30px;
background: #B7DCE3 url(../Skin/hioffice/ico_01.gif) no-repeat 8Px 50%;
color: #FFF;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; 
font: bold 1.1em  Tahoma, Arial, Sans-Serif;
line-height:30px;
margin: 1px 1px 6px 1px;
}
.subright_more{
width: 41px;
height: 26px;
float: right;
}

.column_title{
width: 740px;
height: auto;
padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; 
}
/* 栏目文章自定义列表 CSS*/
.column_title ul,
.articlelist ul,
.getarticlelist_info ul { 
list-style:none; 
margin:0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
.column_title li,
.articlelist li,
.getarticlelist_info li{
background: url(../Skin/hioffice/line.gif) repeat-x bottom; 
width: 100%;	
}
.column_title li a,
.articlelist li a,
.getarticlelist_info li a{
color: #013458;
display: block;
padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 17px; 
background: url(../Skin/hioffice/arrow2.gif) no-repeat 4px 4px;
}
.column_title li span,
.articlelist li span,
.getarticlelist_info li span{
float: right;
text-align: right;
padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 20px; 
}
.column_title li a:hover,
.articlelist li a:hover,
.getarticlelist_info li a:hover{
color: #036027;
background: url(../Skin/hioffice/arrow1.gif) no-repeat 4px 4px;;
}

.showpage{clear:both;float:right;margin:3px 20px 0 3px;}

/* 内容页 CSS*/
.nrpic_ad1,
.pic_ad1 {
margin:0 0 3px 0;
}
.nr_left_box h1,
.rightbar_box h1.title,
.product_right_box h1.title {
text-align:center;
padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; 
font-size: 1.8em ;
color: #012765;
font-weight: bold;
background: #ffffff;
}
.nrinfo {
height: 28px;
margin:0 auto;
line-height:28px;
text-align:center;
padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; 
border-bottom:1px dotted #999;
}
.nr {
height: 300px;
padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 
height: auto;
min-height:200px;
}
.editor {
height: 30px;
padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; 
border-bottom:1px solid #666;
border-top:1px solid #013485;
line-height:30px;
text-align: right;
}
.prev_next {
height: 35px;
background-color: #F2EFEF;
padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; 
}
.action {
height: 45px;
line-height:45px;
padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; 
text-align: right;
background-image : url(../Skin/hioffice/nraction_bg.gif);
}
/* 内容页评论CSS*/
.comment_titlebg {
height: 36px;
background-image: url(../Skin/hioffice/comment_titlebg.gif);
}
.comment {
padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 
height: auto;
}


/* 内容页右边CSS*/
.nr_right_side ul {margin:0px;padding:0 0 0 9px;}

/* 频道首页每个栏目排列CSS*/

/* 应命名为getarticlelist_box */
.getarticlelist_box{
width: 382px;
height:200px;
padding-top: 0px; padding-right: 2px; padding-bottom: 4px; padding-left: 2px; 
float:left;
}
.getarticlelist {
width:380px;
height:196px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
border: 1px solid #DFDFDF;
}
.getarticlelist h3 {
height:27px;
margin:1px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 28px; 
background: url(../Skin/hioffice/ico_02.gif) no-repeat 8px 50% #DFDFDF;
font: bold 12px Tahoma, Arial, Sans-Serif #000066;
text-align:left;
line-height:27px;
}
.getarticlelist_info{
height:176px;
padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; 
}

.link4 {
background:#ffffff; height: 20px
}
.link5 {
background:#f7f7f7; height: 20px
}


/* 大类栏目模板右边CSS*/
.picarticle_box{
clear:both;
width:760px;
height: 150px;
}
.picarticle{
width: 155px;
height: 130px;
padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; 
float: left;
}
.articlelist{
width: 530px;
height: 140px;
padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; 
float: right;
}
.pic1 {
border:3px double #77ADB2; 
}
.subsearch{
width:430px;
height:auto;
float:right;
padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; 
}






/* 表格定义*/
#table td { 
margin:0 0;
padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 10px; 
height:24px; 
font-family:tahoma; 
color:#666; font-size:11px; 
line-height:20px;
}
#table1 td { 
margin:0 0;
padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 10px; 
height:24px; 
font-family:tahoma; 
color:#666; font-size:11px; 
line-height:20px;
}
#table1 p{
text-indent:0em;
margin: 0px; 
}

.table td { 
margin:0 0;
padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 10px; 
height:24px; 
font-family:tahoma; 
color:#666; font-size:11px; 
line-height:20px;
}
.table p{
text-indent:1em;
margin: 5px; 
}
.table1 td { 
margin:0 0;
padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 10px; 
height:24px; 
font-family:tahoma; 
color:#666; font-size:11px; 
line-height:20px;
}
.table1 p{
text-indent:1em;
margin: 5px; 
}
tr{
background-color:#FFFFFF;
}
.space{
margin:5px;
}






/* ?ò?ü?úò?DD?t??èy???°???? CANON KMê×2ú?·áD±í */
#productLink2,
#productLink3,
#productLink7 {
clear:both; float:left; width:720px; background:#D9E8F7; 
padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 5px; 
margin:10px 0px; 
border: 1px dotted gray;
}
#productLink2 ul,
#productLink3 ul,
#productLink7 ul {
margin:0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; 
list-style-type:none; display:inline;
}
#productLink2 ul li,
#productLink3 ul li,
#productLink7 ul li {
float:left; margin:0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; 
font-size:12px;
}
#productLink2 ul li {
width:310px; background:url('/products/Images/article_common3.gif') no-repeat 0% 33%;
}
#productLink3 ul li {
width:200px; background:url('/products/Images/article_elite3.gif') no-repeat 0% 33%;
}
#productLink7 ul li {
width:150px; background:url('/products/Images/article_elite3.gif') no-repeat 0% 33%;
}
#productLink2 ul li a,
#productLink3 ul li a,
#productLink7 ul li a {
font-size:12px; font-weight:blod; color:#285AB4; margin:0px; 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; 
}
#productLink2 ul li a:hover,
#productLink3 ul li a:hover,
#productLink3 ul li a:hover {
text-decoration:underline;
}

.text_pic{border:1px solid #e8e8e8;background:#f6f6f6;padding:10px 10px 10px 10px;margin:5px;}