/* ONEK.CN */
@charset "utf-8";
/* CSS Document */
html{color:#333;background:#F5F6FA;}
body{
background:#F5F6FA;
}





.w_960{ width:960px; margin-left:auto; margin-right:auto;}
.w_750{ width:750px; overflow:hidden;}
.w_500{ width:500px; overflow:hidden;}
.w_490{ width:490px; overflow:hidden;}
.w_250{ width:250px; overflow:hidden;}
.w_240{ width:240px; overflow:hidden;}
.w_200{ width:200px; overflow:hidden;}
.w_210{ width:210px; overflow:hidden;}
.w_740{ width:740px; overflow:hidden;}
.w_330{ width:330px; overflow:hidden;}
.w_620{ width:620px; overflow:hidden;}


/*头部*/
.header{
width:960px;
height:100px;
margin-left:auto; margin-right:auto;
overflow:hidden;
position:relative;
}


/*标识*/
.logo{ display:block; position:absolute; left:0; top:30px; height:50px; width:150px;background: url(logo.jpg) no-repeat left 0;}
.logo h3{ display:none;}


/*顶部右侧连接*/
.top_url{ position:absolute; right:0; top:50px; width:230px;}
.ico_zzmy,.ico_wapsj{ padding-left:30px; display:block; height:30px; line-height:30px; float:left; color:#061E77; font-size:14px; margin:0 10px;}
.ico_zzmy{background: url(ico_zzmy.gif) no-repeat left top;}
.ico_wapsj{background: url(ico_wapsj.gif) no-repeat left top;}



/*顶部搜索表单*/
.form_search{ width:540px; height:80px; position:absolute; top:10px; left:190px;}

.input_search{
	width:373px;
	padding:0 10px;
	height:35px;
	line-height:35px;
	border:none;
	background: url(input_search.gif) no-repeat left top;
	float:left;
	margin-right:10px;
}

.btn_search{
	width:130px;
	height:35px;
	background: url(btn_search.jpg) no-repeat left top;
	border:none;
	text-indent:999px;
	overflow:hidden;
	float:left;
}


#search_tab{ position:relative;}

#search_tag{ height:40px; position:absolute; top:0;	z-index:3; overflow:hidden;}
#search_tag li{height:40px; line-height:40px; float:left; margin:0 10px;}
#search_tag li a{ color:#435770; font-size:14px;height:40px; line-height:40px; display:block; width:50px; text-align:center;}
#search_tag li a.current{
  background-color:#039;
	background: url(input_search_on.gif) no-repeat center bottom;
}

#search_con{
	position:absolute;
	top:38px;
	z-index:2;
	}


/*顶部菜单*/
.topmenu{
	width:960px;
	margin-left:auto; margin-right:auto;
	clear:both;
	height:40px;
	line-height:50px;
	background: url(topmenu.gif) repeat-x right -40px;
	position:relative;
	overflow:hidden;
	font-size:14px;
}
.topmenu div{ height:40px;
	background: url(topmenu.gif) no-repeat right -80px;
	overflow:hidden;
}
.topmenu div ul{height:40px; background: url(topmenu.gif) no-repeat left 0px; padding:0 10px;}
.topmenu div ul li{ float:left; background: url(topmenu.gif) no-repeat right -120px; padding:0 27px;}
.topmenu div ul li a,.topmenu div ul li a:visited,.topmenu div ul li a:link{ color:#FFF;}
.topmenu div ul li a:hover{}

.topmenu .topmenu_on{ width:80px; text-align:center; background: url(topmenu.gif) no-repeat left -160px; padding:0;}
.topmenu .topmenu_on a,.topmenu .topmenu_on a:visited,.topmenu .topmenu_on a:link{ color:#31415F; font-weight:bold;}
.topmenu .topmenu_on a:hover{}







/*集群外框*/
.jiqun{ position:absolute; top:0; right:0; line-height:40px; height:40px;} 
.ico_hy,.ico_qy,.ico_cy,.ico_sm{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:0 15px 0 30px;
	line-height:45px;
	height:40px;
	display:block;
	float:left;
	overflow:hidden;
}
/*行业集群*/
.ico_hy{background: url(ico_hy.gif) no-repeat left top;} 
/*区域集群*/
.ico_qy{background: url(ico_qy.gif) no-repeat left top;} 
/*产业集群*/
.ico_cy{background: url(ico_cy.gif) no-repeat left top;} 
/*商贸集群'*/
.ico_sm{background: url(ico_sm.gif) no-repeat left top;} 




/*当前位置*/
.nav{ height:40px; line-height:40px; font-size:12px; color:#435770;	width:960px;
	margin-left:auto; margin-right:auto;
}
.nav a{ color:#435770;}


/*条件检索*/
.if{}
.if th{ font-weight:bold; font-size:14px; text-align:left; padding-left:15px;}
.if td{}
.if td a{ font-size:14px; color:#333; display:block; float:left; width:70px;  height:23px; line-height:23px; padding:0 5px; margin:1px 5px;}
.if td a:hover{
	color:#FFF;
	text-decoration: none;
	background-color:#666;
}

.if a.if_on{ background-color:#C00; color:#FFF; font-weight:bold;}
.if a.if_on:hover{color:#FFF;}

/*当前条件*/
.if_ok{ background-color:#F5F6FA; border:1px solid #B3CAD8; border-top:none; padding:5px 10px; width:938px; height:30px; line-height:30px; margin:auto; margin-bottom:10px; font-family:"宋体",Verdana, Geneva, sans-serif; color:#CCC;}
.if_ok span{ color:#666;}
.if_ok a{ color:#06F; font-weight:bold; padding:0 5px;}
.if_ok strong{ padding-right:10px; color:#333;}


a.btn_clear{
	background: url(btn_clear.jpg) no-repeat;
	padding:0px 10px;
	font-size:12px;
	color:#333;
	display:block;
	height:30px;
	line-height:30px;
	width:60px;
	text-align:center;
	font-weight:normal;
	float:left;
}
a.btn_clear:hover{ color:#C30;}








.if_2{}
.if_2 h3{
	background: url(if_2.jpg) repeat-x left top;
	height:31px;
	line-height:31px;
}
.if_2 h3 strong{ background-color:#F5F6FA; border:1px solid #B3CAD8; border-bottom:none; height:30px; padding:0 5px; line-height:30px; display:block; width:90px; text-align:center; margin-left:10px; font-size:14px; color:#333;}

.if_2_c { background-color:#F5F6FA; border:1px solid #B3CAD8; border-top:none; padding:10px; height:1%;}

.if_2_c a{ border:1px solid #B3CAD8; display:block; width:65px; _width:63px; text-align:center; height:25px; background-color:#FFF; float:left; line-height:25px; color:#666; margin:2px 2px; overflow:hidden;}

.if_2_c a.on{ background-color:#15387B; border:1px solid #15387B; color:#FFF;}













.info_1{ position:absolute; right:10px; top:0; line-height:30px;}
.info_1 strong{ color:#FF3300; padding:0 10px;}





/*列表表格*/
.table_1{}
.table_1 td{ padding:10px;}
.table_1 th{ background-color:#F5F6FA; border-bottom:1px solid #B3CAD8; height:20px; line-height:20px;}
.table_1 tr.alt td{background:#F2F4F7;}
.table_1 tr.over td{}




.td_1{}
.td_1 a{
	font-size:14px;
	color:#1E50A0;
	line-height:30px;
	text-decoration: underline;
}
.td_1 a:hover{
	color:#C30;
	text-decoration: none;
}
.td_1 img{ float:left; padding:2px; background-color:#FFF; border:1px solid #CCC; margin:0 10px 5px 0;}
.td_1 p{ font-size:12px; color:#999; line-height:20px;}


.td_2{text-align:center;}

.td_3{text-align:center;}

.td_4{text-align:center;}

.td_5{}



/*分页页码*/

.page {
	padding:3px; margin:3px; text-align:center;
	height:30px;
	font-size:14px;
	
}
.page a {
	border:1px solid #CCC;
	padding:5px 6px;
	text-decoration:none;
	margin:0 2px;
}
.page a:hover {
	COLOR: #fff; BACKGROUND-COLOR: #4261df
}
.page a:active {
	COLOR: #fff; BACKGROUND-COLOR: #4261df
}
.page SPAN.current {
	padding:5px 6px;
	margin:0 2px;
	color:#000;
	font-weight:bold;
}
.page SPAN.disabled {
	DISPLAY: none
}




/*底部菜单*/
.foot_menu{
	font-size:10px; color:#999;
	width:960px;
	margin-left:auto; margin-right:auto;
	text-align:center;
	height:40px;
	line-height:40px;
}
.foot_menu a,.foot_menu a:visited,.foot_menu a:link{ color:#14387A; font-size:14px; margin:0 15px;}
.foot_menu a:hover{ color:#C00;}



/*底部信息*/
.foot{ color:#666; line-height:20px; font-size:12px; text-align:center;}
.foot p{ margin:10px 0;}




/*连接*/
.url_1{}
.url_1 a,.url_1 a:visited,.url_1 a:link{ height:25px;line-height:25px; overflow:hidden; color:#1E50A0; text-align:center; width:40px; display:inline-block; _display:block; _float:left;}
.url_1 a:hover{
	color:#000;
	font-weight:bold;
	text-decoration: none;
}




.url_2{}
.url_2 dt{ font-size:14px; color:#000; font-weight:bold; height:35px; line-height:35px; clear:both;}
.url_2 dd{ height:1%;}
.url_2 a,.url_2 a:visited,.url_2 a:link{ height:25px;line-height:25px; overflow:hidden; color:#1E50A0; text-align:center; width:40px; display:inline-block; _display:block; _float:left;}
.url_2 a:hover{
	color:#000;
	font-weight:bold;
	text-decoration: none;
	}




.url_3{}
.url_3 a,.url_3 a:visited,.url_3 a:link{ height:25px;line-height:25px; overflow:hidden; color:#666; width:55px; display:inline-block; _display:block; _float:left;_height:22px;_line-height:23px;}
.url_3 a:hover{}

.url_3_1{}
.url_3_1 a,.url_3_1 a:visited,.url_3_1 a:link{ height:25px;line-height:25px; overflow:hidden; color:#666; width:180px; display:inline-block; _display:block; _float:none;}
.url_3_1 a:hover{}

.url_3_2{}
.url_3_2 a,.url_3_2 a:visited,.url_3_2 a:link{ height:25px;line-height:25px; overflow:hidden; color:#666; width:180px; display:inline-block; _display:block; _float:none;}
.url_3_2 a:hover{}


.url_4{ border-left:1px solid #B3CAD8; width:178px; padding:0 10px;}
.url_4 strong{ display:block; color:#1E509F; height:40px; line-height:40px;}
.url_4 a,.url_4 a:visited,.url_4 a:link{ padding:3px;}
.url_4 a:hover{}




.url_5{ margin-bottom:15px; text-align:center;}
.url_5 img{ display:block; margin-bottom:10px;}
.url_5 a,.url_5 a:visited,.url_5 a:link{ color:#000;}
.url_5 a:hover{color:#1E509F;}




.url_6{ }
.url_6 a,.url_6 a:visited,.url_6 a:link{ width:50px; height:30px;line-height:30px; overflow:hidden; color:#666; float:left; text-align:center;}
.url_6 a:hover{
	background-color:#1E50A2;
	font-size:14px;
	color:#FFF;
	text-decoration: none;
	font-weight:bold;
}



 

.url_7{ clear:both; height:30px; line-height:30px; color:#666; border-top:1px solid #F0F4F7; padding-top:5px; margin-top:5px;}
.url_7 a,.url_7 a:visited,.url_7 a:link{ color:#666; padding:0 5px;}
.url_7 a:hover{}
.url_7 strong{ color:#1E509F;}





.f_link{ padding:10px; height:75px; }
.f_link a{ display:block; float:left; width:10%; overflow:hidden; height:25px; line-height:25px; color:#666;}
.f_link span{ display:block; float:left; width:15px; text-align:center;padding-top:2px;}
.f_link_img{ padding:10px 0px 5px 10px;}
.f_link_img a{ display:block; float:left; width:105px; overflow:hidden; height:31px; margin-bottom:5px;}





.url_abc{ padding:10px 15px 0 18px; line-height:25px; height:135px; overflow:hidden;}
.url_abc strong{color:#333; float:left; width:81px; height:25px; line-height:25px; display:block;}
.url_abc a,.url_abc a:visited,.url_abc a:link{background-color:#FFF; border:1px solid #FFF; color:#666; width:25px; height:25px; line-height:25px; display:block; float:left; text-align:center; font-size:12px;}
.url_abc a:hover{
	background-color:#E7EDF7;
	border:1px solid #B3CAD8;
	color:#1E50A2;
	font-size:20px;
	text-decoration: none;
}





.channels_top{ width:938px; padding:10px; margin:auto; border:1px solid #B3CAD8; border-top:none;
background: url(Channels.jpg) repeat-x left top; background-color:#FFF;

}



/*标题*/
.t_1{
	background: url(skin_1.gif) repeat-x left -30px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	clear:both;
}
.t_1 div{ position:relative;background: url(skin_1.gif) no-repeat right -60px;height:30px;}
.t_1 h3{ font-size:12px; color:#1E50A2;
background: url(skin_1.gif) no-repeat left 0px;
padding-left:10px;
display:inline-block;
float:left;
}


/*外框*/
.f_1{ border:1px solid #B3CAD8; border-top:none; background-color:#FFF; height:1%; overflow:hidden;}
.f_2{ border:1px solid #B3CAD8; background-color:#FFF; height:1%; overflow:hidden;}





/*更多*/
.more{ position:absolute; right:10px; top:0; line-height:30px;}





/*列表*/
.list_1{}
.list_1 a{ font-size:14px; color:#15387B;}
.list_1 li{ height:30px; line-height:30px; overflow:hidden;}
.list_1 .Channels{ border-right:1px solid #BDBDBD; padding:0 10px 0 0; margin-right:10px;margin-left:2px; font-size:12px;}
.list_1 .Channels a {font-size: 12px;}


.list_2{ margin:20px 20px 10px 20px;}
.list_2 li{ height:80px; overflow:hidden; margin-bottom:10px; line-height:20px;}
.list_2 img{ float:left; margin-right:10px;}
.list_2 p{ color:#999;}
.list_2 a{ font-weight:bold;}





.list_3{}
.list_3 a{ font-size:14px; color:#15387B;}
.list_3 li{ height:30px; line-height:30px; overflow:hidden; width:229px; margin-right:10px;float:left;}
.list_3 .Channels{ border-right:1px solid #BDBDBD; padding:0 10px 0 0; margin-right:10px;margin-left:2px; font-size:12px; color:#999;}





.list_4{ height:240px; overflow:hidden;}
.list_4 a{ font-size:14px; color:#15387B;}
.list_4 li{ height:30px; line-height:30px; overflow:hidden; width:229px; margin-right:10px;float:left;}
.list_4 .Channels{ border-right:1px solid #BDBDBD; padding:0 10px 0 0; margin-right:10px;margin-left:2px; font-size:12px; color:#999;}






.list_5 {overflow:hidden;}
.list_5 a{ font-size:14px; color:#15387B; float:center; width:130px; height:100px; display:block; text-align:center;margin-right:10px;}
.list_5 a img{ margin-bottom:10px; text-align:center;}
.list_5 li{ height:80px;overflow:hidden; width:162px; margin:15px; float:left;}
.list_5 p{ color:#666; font-size:12px; line-height:18px;}







/*图片列表*/
.list_img_1{}
.list_img_1 li{ width:110px; height:165px; float:left; margin:0 10px;}
.list_img_1 em{
	color:#F60;
	font-style: normal;
	font-weight:bold;
}
.list_img_1 a,.list_img_1 a:visited,.list_img_1 a:link{ display:block; text-align:center;}
.list_img_1 a:hover{}








/*选项卡*/
.tab_1{ position:relative; height:30px; overflow:hidden;}
.tab_1_tag{
	background: url(skin_1.gif) repeat-x left -30px;
	height:30px;
	line-height:30px;
	border:1px solid #B3CAD8;
	border-bottom:none;
	border-top:none;	
}
.tab_1_tag li{ float:left;
	border-right:1px solid #B3CAD8;
	text-align:center;
}
.tab_1_tag li a,.tab_1_tag li a:visited,.tab_1_tag li a:link{ color:#1E50A0; display:block; padding:0 40px;}
.tab_1_tag li a:hover{ color:#C30;text-decoration: none;}
.tab_1_tag li a.current{
	background: url(skin_1.gif) repeat-x center -90px;
	font-weight:bold;

}



.tab_1_con{ border:1px solid #B3CAD8; border-top:none; background-color:#FFF;}
.tab_1_con div{}




.tab_2{ position:relative; height:30px; overflow:hidden;}
.tab_2_tag{
	background: url(skin_1.gif) repeat-x left -30px;
	height:30px;
	line-height:30px;
	border-left:1px solid #B3CAD8;
}
.tab_2_tag li{ float:left;
	border-right:1px solid #B3CAD8;
	text-align:center;
}
.tab_2_tag li a,.tab_1_tag li a:visited,.tab_1_tag li a:link{ color:#1E50A0;width:123px; display:block;}
.tab_2_tag li a:hover{
	color:#C30;
	text-decoration: none;
}
.tab_2_tag li a.current{
	background: url(skin_1.gif) repeat-x center -90px;
	font-weight:bold;
	width:124px;
}



.tab_2_con{ border:1px solid #B3CAD8; border-top:none; background-color:#FFF; clear:both;}
.tab_2_con div{ height:300px; overflow:hidden;}


















/********选项卡-改**********/
.tab_3{
	overflow: hidden;
	width:218px;
	height:220px;
	padding:10px;
	background-color:#EEF4F9;
	border:1px solid #B3CAD8;

}
.tab_3_c{border:1px solid #B3CAD8; background-color:#FFF;
	width:206px;
	height:208px;
	padding:5px;
}

.tab_3_menu{
	margin:0px;
	width:100%;
}

.tab_c{
	margin:0;
	padding:0;
	height:35px;
	display:block;
}
.tab_3_menu span{
	float:left;
	display:block;
	cursor:pointer;
	text-align:center;
	height:35px;
	width:102px;
	background: url(xtab.png) no-repeat center top;

}
.tab_3_menu span a{color:#061E77;text-decoration: none; font-size:12px; line-height:35px;}
.tab_3_menu span a:link{text-decoration: none;color:#333; }
.tab_3_menu span a:visited{color:#333; text-decoration: none;font-size:12px}

.tab_3_menu span.hover{ 
	color:#B92635;
	font-weight:bold;
	background-image:none;
}
.tab_3_menu span.hover a{color:#B92635;font-size:12px;}
.tab_3_menu span.hover a:link{color:#B92635;}
.tab_3_menu span.hover a:visited{color:#B92635;}
.tab_3_menu span.hover a:hover{ color:#B92635;}


.tab_3_main{clear:both; width:206px;}
.tab_3_main div{ padding:10px; height:84px; display: none;}
.tab_3_main div.block{display: block;}

/********TAB 选项卡改 END**********/
.tab_3_n1{ }
.tab_3_n1 strong{color:#333; font-size:12px; line-height:25px;}
.tab_3_n1 p{ color:#999; font-size:12px; line-height:20px;}
.tab_3_n1 a{
	background: url(tab_3_n1.gif) no-repeat left center;
	padding-left:30px;
	display:block;
	height:30px;
	line-height:30px;
	margin-left:50px;
	font-size:14px;
	color:#0033FF;
	text-decoration: underline;
}
.tab_3_n1 a:hover{
	color:#930;
	text-decoration: none;
}

.tab_3_n2{}
.tab_3_n2 strong{color:#333; font-size:12px; line-height:25px; display:block; margin-bottom:5px;}
.tab_3_n2 a{
	font-size:14px;
	color:#0066CC;
	text-align:center;
	display:block;
	width:48%;
	float:left;
	height:25px;
	line-height:25px;
	overflow:hidden;	
	}


.tab_3_n3{}
.tab_3_n3 strong{color:#333; font-size:12px; line-height:20px; display:block; margin-bottom:5px;}
.tab_3_n3 p{
	 color:#999; font-size:12px; line-height:20px;
	}




.tab_3_n4{
	background-image: url(tab_3_img_4.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tab_3_n4 strong{color:#333; font-size:12px; line-height:25px; display:block; margin-bottom:5px;}
.tab_3_n4 a{
	font-size:14px;
	color:#0066CC;
	text-align:center;
	display:block;
	width:50%;
	float:left;
	height:25px;
	line-height:25px;
	background-image: url(tab_3_img_3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	font-family:"宋体",Verdana, Geneva, sans-serif;
	
	}





.tab_3_n5{
	background-image: url(tab_3_img_5.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tab_3_n5 strong{color:#333; font-size:12px; line-height:20px; display:block;}
.tab_3_n5 p{ color:#999;}
.tab_3_n5 p em{color:#F30; font-weight:bold;}





.tab_3_n6{
	background-image: url(tab_3_img_6.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tab_3_n6 strong{color:#333; font-size:12px; line-height:25px; display:block; margin-bottom:5px;}
.tab_3_n6 a{
	font-size:14px;
	color:#0066CC;
	text-align:center;
	display:block;
	width:50%;
	float:left;
	height:25px;
	line-height:25px;
	background-image: url(tab_3_img_3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	font-family:"宋体",Verdana, Geneva, sans-serif;
	
	}









/*幻灯片*/
#i_focus_tx .normal {
	DISPLAY: none
}
.slides {
	WIDTH: 480px; HEIGHT: 220px; OVERFLOW: hidden; position:relative;
	padding:10px;
}
.slide-pic {
	WIDTH: 480px;  HEIGHT: 220px; OVERFLOW: hidden
}
.slide-pic IMG {}
.slide-pic LI {}
.slide-pic LI.cur {	DISPLAY: block}
.slide-li {	POSITION: absolute; BOTTOM: 12px; LEFT: 12px;}
.slide-li LI {WIDTH: 98px;_WIDTH: 96px; FLOAT: left; HEIGHT: 45px; margin-right:1px; padding:10px 10px 5px 10px; text-align:left; overflow:hidden;}
.slide-li A:visited,.slide-li A:link { DISPLAY: block; COLOR: #fff; FONT-SIZE: 12px; line-height:20px;}


.slide-li .cur A:visited,.slide-li .cur A:link {COLOR: #333; TEXT-DECORATION: none}
.slide-li A:hover {COLOR: #333; TEXT-DECORATION: none}

.op LI {FILTER: alpha(opacity=60); BACKGROUND: #666; opacity: 0.6}
.op LI.cur {BACKGROUND: #fff}
.slide-txt SPAN {
	DISPLAY: none
}










/*滚动 产品*/

.marquee { width:720px; height:520px; overflow:hidden;  padding:10px 14px;}
.marquee ul{ width:720px; overflow:hidden;}
.marquee li{ width:110px; height:180px; float:left; margin:0 5px; _margin:0 4px;text-align:center;}

.marquee em{
	color:#F60;
	font-style: normal;
	font-weight:bold;
}
.marquee img{ margin-bottom:10px;}
.marquee a,.marquee a:visited,.marquee a:link{ display:block; text-align:center;}
.marquee a:hover{}









/*滚动文本*/
.gundong_txt{ width:928px; color:#435770; margin:auto; padding:0 15px;
	background: url(skin_1.gif) repeat-x left -31px;
	height:29px;
	line-height:29px;
	border:1px solid #B3CAD8;
	border-top:none;
	border-bottom:none;
}
.gundong_txt strong{ float:left;}



.tickercontainer { /* the outer div with the black border */
width: 860px; 
height: 29px; 
overflow: hidden;
float:left;
margin-left:10px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 860px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 860px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
}
ul.newsticker a {
white-space: nowrap;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 




div#page {
    clear: both;
    width: 100%;
    text-align: right;
    margin-top: 25px;
}
div#page a {
    border: #88e 1px solid;
    margin-right: 10px;
    padding: 5px;
}
div#page span {
    border: #99f 1px solid;
    padding: 5px;
    color: gray;
    margin-right: 10px;
}