style.css

很好用的开源客服系统,下载解压后即可使用,绿色版的,不需要安装

a{
	font-size:12px; color:#0278c2; text-decoration:none;
}
a:hover {
	font-size:12px; color:#ffffff; text-decoration:none;background:#5194da;
}
body {
	margin:0 auto;
	font-size:12px;
	color:#252525;
	text-align:center;
  background:url(bg_bodytop.gif) repeat-x;
}
table {
	font-size:12px;
	color:#252525
}
td {
	font-size:12px; color:#252525
}
ul,form{padding:0px;margin:0px}
ul{list-style:none}
img{border:0}
input{font-family: 宋体,Verdana,Arial,Helvetica,sans-serif}
input.a{
  border:1px solid #98a8d0;
  line-height:18px;
  height:22px;
}
input.b{
  border:1px solid #cccccc;
  background:#eeeeee;
  color:#464646;
  line-height:18px;
  height:22px;
}
.header{
  text-align:left;
  height:121px;
  background:url(topbg.gif) no-repeat 200px -1px;
}
.header .logo{
  float:left;
  margin:20px 0px 0px 50px;
}
.header .logo a,.header .logo a:hover{
  background:none;
}
.header .banner .total{
  clear:right;
  height:60px;
  text-align:right;
  padding:10px;
  font-weight:bold;
  font-size:18px;
  padding-right:200px;
  background:url(tejia.gif) no-repeat right 3px;
}
.header .banner .total span{
  color:#ff0000;
  font-size:20px;
}
.header .menu{
  clear:left;
  margin-top:-10px!important;
  margin:12px 0px 0px 25px;
}
.header .menu a{
  float:left;
  margin:0px 2px 0px 2px;
  padding:0px 9px 0px 9px;
  height:30px;
  line-height:28px;
  text-align:center;
  border:1px solid #7ab8ef;
  font-size:14px;
  color:#1f3a87;
  background:#deeffa;
}
.header .menu a.sel{
  font-weight:bold;
  color:#41505e;
  border-bottom:1px solid #ffffff;
  background:#ffffff;
}
.page{
  margin-top:10px!important;
  margin-top:0;
  text-align:left;
  width:100%;
  height:410px;
}
.footer{
  clear:both;
  margin-top:10px;
  padding:10px;
  text-align:center;
  border-top:1px solid #f0f0ec;
  background:#fcfcfb;
}
.footer div{
  margin:10px 0px 10px 0px;
}
.page .home{
  margin:0px 10px 0px 10px;
  text-align:center;
}
.page .home .main{
  width:90%;
  text-align:left;
}
.page .home .main td{
  padding-left:3px;
}
.page .home .main .content{
  border:1px solid #a7cbe9;
  background:#f4f9ff;
  padding:10px;
}
.page .home .main .content .ti{
  font-size:14px;
  font-weight:bold;
  color:#636563;
  line-height:25px;
}
.page .home .main .content .showme{
  border:1px solid #cedbeb;
  padding:25px;
  width:682px;
  height:356px;
  background:#ffffff;
}
.page .home .main .content #guidebg,.page .home .main .content #guidebg2{
  background-position:3px 5px;
  background-repeat:no-repeat;
}
.page .home .main .content .guidebg{
  width:632px;
  height:306px;
  background:url(main_bg.gif) no-repeat;
}
.page .home .main .content .guideli{
  float:right;
  margin:3px 3px 3px 3px;
}
.page .home .main .content .guideli li{
  color:#656565;
  display:block;
  width:203px;
  height:70px;
  line-height:70px;
  cursor:pointer;
}
.page .home .main .content .guideli li span{
  cursor:pointer;
}
.page .home .main .content .guideli li.hover{
  color:#656565;
  background:url(tab_active.gif) no-repeat;
}
.page .home .main .content .guideli li .c{
  float:right;
}
.page .home .main .content .guideli li .icon{
  float:right;
  width:56px;
  height:56px;
  margin:6px;
  cursor:pointer;
}
.page .left .co span{
  float:left;
}
.page .left .co .date{
  float:right;
  font-style: italic;
  padding-right:5px;
  color:#999999;
}
.page .home .left{
  float:left;
  width:220px;
  margin-top:3px;
  background:#f6f6f6;
}
.page .home .main .dirName{
  color:#0000ff;
  cursor:pointer;
}
.page .home .main span.ms{
  color:gray;
  font-style: italic; 
}
.page .home .main .checkdirA{
  color:gray;
}
.page .home .main .checkdirB{
  color:green;
}
.page .home .main .checkdirC{
  color:red;
}
a.btn,a.btn:hover{
	width:56px;
	height:23px;
	border:none;
	background:url(btn-bg.gif) no-repeat;
	line-height:25px;
	letter-spacing:1px;
	overflow:hidden;
	color:#2F592E;
	display:inline-block;
	text-align:center;
}