/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.6
 * Author: @htmlstream
 * Website: http://htmlstream.com
 徽章和標籤
*/

/*Badges and Labels
------------------------------------*/
/*Labels*/
span.label {
  font-size: 11px;
  font-weight: 400;
  padding: 4px 7px;
}

/*Badges*/
span.badge {
  font-weight: 400;
  padding: 4px 7px;  
}

span.label-u,
span.badge-u {
  background: #72c02c;
}

span.label-blue,
span.badge-blue {
  background: #3498db;
}

span.label-red,
span.badge-red {
  background: #e74c3c;
}

span.label-green,
span.badge-green {
  background: #2ecc71;
}

span.label-sea,
span.badge-sea {
  background: #1abc9c;
}

span.label-orange,
span.badge-orange {
  background: #e67e22;
}

span.label-yellow,
span.badge-yellow {
  background: #f1c40f;
}

span.label-purple,
span.badge-purple {
  background: #9b6bcc;
}

span.label-aqua,
span.badge-aqua {
  background: #27d7e7;
}

span.label-brown,
span.badge-brown {
  background: #9c8061;
}

span.label-dark-blue,
span.badge-dark-blue {
  background: #4765a0;
}

span.label-light-green,
span.badge-light-green {
  background: #79d5b3;
}

span.label-light,
span.badge-light {
  color: #777;
  background: #ecf0f1;
}

span.label-dark,
span.badge-dark {
  background: #555;
}

/*Badge Lists*/
.badge-lists li {
  position: relative;
}

.badge-lists span.badge {
  top: -10px;
  right: -6px;
  position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
  min-width: 12px;
  padding: 3px 6px;
 }

.badge-lists.badge-icons i {
  font-size: 18px;
  min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
  color: #777;
  min-width: 40px;
  font-size: 18px;
  padding: 8px 9px;
  display: inline-block;
  border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
  color: #777;
  font-size: 12px;
  padding: 10px;
  min-width: 70px;
  text-align: center;
  display: inline-block;
  border: solid 1px #eee;
}

.badge-box-v2 a i {
  font-size: 20px;
}

/*General Badge Box*/
.badge-box-v1 a i,
.badge-box-v2 a i {
  display: block;
  margin: 1px auto 2px;
}

.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
  color: #555;
  border-color: #555;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;     
}