a[data-type="vk"] {
  background: #45668e;
}
a[data-type="fb"] {
  background: #3b5998;
}
a[data-type="ok"] {
  background: #ed812b;
}
a[data-type="mr"] {
  background: #168de2;
}
a[data-type="gp"] {
  background: #dd4b39;
}
a[data-type="li"] {
  background: #0976b4;
}
a[data-type="tw"] {
  background: #55acee;
}
a[data-type="lj"] {
  background: #004359;
}
a[data-type="tm"] {
  background: #35465c;
}
a[data-type="bl"] {
  background: #f57d00;
}
a[data-type="pt"] {
  background: #cc2127;
}
a[data-type="di"] {
  background: #000000;
}
a[data-type="en"] {
  background: #7ac142;
}
a[data-type="rd"] {
  background: #5f99cf;
}
a[data-type="de"] {
  background: #3399ff;
}
a[data-type="su"] {
  background: #eb4924;
}
a[data-type="po"] {
  background: #d3505a;
}
a[data-type="sb"] {
  background: #26B1F6;
}
a[data-type="bf"] {
  background: #323b43;
}
a[data-type="ip"] {
  background: #428bca;
}
a[data-type="ra"] {
  background: #990000;
}
a[data-type="xi"] {
  background: #cfdc00;
}
a[data-type="wp"] {
  background: #0087be;
}
a[data-type="tg"] {
  background: #0088cc;
}
a[data-type="vi"] {
  background: #8f5db7;
}
a[data-type="wa"] {
  background: #43d854;
}
a[data-type="ln"] {
  background: #00c300;
}
.w-100 {
  width: 100%;
}
.w-8cols {
  width: 45.5em;
}
w-4cols {
  width: 22em;
}
.w-4cols-g {
  width: 23.5em;
}
.w-2cols-fix {
  width: 11.71428571em;
}
.w-3cols-fix {
  width: 18.42857143em;
}
.w-3cols-g-fix {
  width: 16.71428571em;
}
.w-4cols-fix {
  width: 25.14285714em;
}
.w-5cols {
  width: 27.875em;
}
.w-5cols-g {
  width: 30.875em;
}
.w-6cols {
  width: 33.75em;
}
.w-7cols {
  width: 39.625em;
}
.w-phone {
  width: 25em;
}
.o-goodshare a:hover {
  color: white;
}
ul {
  margin: 0px;
}
.list {
  list-style-type: none;
}
.bg-light-blue-gray {
  background-color: #304c58;
}
.br-100 {
  border-radius: 100%;
}
.border-box {
  box-sizing: border-box;
}
/*.goodshare */
.h-100 {
  height: 100;
}
.f-base {
  font-size: 16px;
}
.f-14 {
  font-size: 14px;
}
.f-17 {
  font-size: 17px;
}
.f-19 {
  font-size: 19px;
}
.fw4 {
  font-weight: 400;
}
.fw7 {
  font-weight: 700;
}
.overflow-hidden {
  overflow: hidden;
}
.o-recommendation {
  position: fixed;
  top: 0px;
  background: #304c58;
  box-shadow: 0px 3px 3px -2px rgba(23, 23, 23, 0.6);
  opacity: 0.95;
}
.center {
  margin-right: auto;
  margin-left: auto;
}
.mb0 {
  margin-bottom: 0px;
}
.mb-g {
  margin-bottom: 24px;
}
.mb-h {
  margin-bottom: 12px;
}
.mr-h {
  margin-right: 12px;
}
.mr-g {
  margin-right: 24px;
}
.mt-g {
  margin-top: 24px;
}
.ml-h {
  margin-left: 12px;
}
.ml-g {
  margin-left: 22px;
}
.pt-h {
  padding-top: 12px;
}
.pt-4 {
  padding-top: 4px;
}
.lh-title {
  line-height: 1.3;
}
.tc {
  text-align: center;
}
.ttu {
  text-transform: uppercase;
}
.lato {
  font-family: 'Lato', sans-serif;
}
.white {
  color: #fff;
}
.fl {
  float: left;
  display: inline;
}
.h24 {
  height: 24px;
}
.h36 {
  height: 36px;
}
.w36 {
  width: 36px;
}
.w-goodshare {
  width: 6.9375em;
}
.bg-purple {
  background-color: #800180;
}
.link-underline {
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
.link-underline:hover {
  text-decoration: underline;
}
.link-white {
  color: white;
}
.dib {
  display: inline-block;
}