ul.w100{
    text-align:center;
    padding-top:10px
}
ul.w100 li{
    display:inline-block;
    width:30px;
    text-align:center;
}
ul.w100 li a{
      border-radius: 6px;
    padding:4px;
     cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 0;
/*     background-color: #eee; */
    color: gray;
    padding: 7px 10px;
    line-height: 16px;
    font-size: 13px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    outline: 0;
    margin-right: 4px;
  /*   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px; */
    border-radius: 4px;
    /* -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s; */
    transition: all .4s;
}
ul.w100 .active{
	 background: #3385ff;
}
div.cl-con a{
    border-radius: 6px;
    padding:4px;
     cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 0;
   background-color: #eee; 
    color: gray;
    padding: 7px 10px;
    line-height: 16px;
    font-size: 13px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    outline: 0;
    margin-right: 4px;
  /*   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px; */
    border-radius: 4px;
    /* -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s; */
    transition: all .4s;
}