@charset "UTF-8";
/* CSS Document */

.sales-phone a {
  color: #FFF;
}

/*==================*\
  #Compare Table
\*==================*/

table th {
  width: 20%;
}
th h2 {
  line-height: inherit;
  padding: 15% 9px 0;
}
table tr {
  border-top: 1px solid #FFF;
}
td.pkg0, th.pkg0, td.pkg1, th.pkg1, td.pkg2, th.pkg2  {
  border-right: 1px solid #FFF;
}
.pkg0.popularity, .pkg1.popularity, .pkg3.popularity {
  background: #f3f7f8;
  border-right: none;
}
#main th.pkg2.popularity {
  color: #FFF;
  font-size: 12px; font-size: 0.75rem;
  font-weight: 700;
  background: #2257A6;
  padding: 12px;
}
.pkg0 span.check {
  background: #378e95;
}
.pkg1 span.check {
  background: #3e89ae;
}
.pkg2 span.check {
  background: #2257A6;
}
.pkg3 span.check {
  background: #12286F;
}
td.pkg0, td.pkg1, td.pkg2, td.pkg3 {
  text-align: center;
}
th.pkg0 {
  background: #378F93;
}
td.pkg0 {
  background: #D6E9EB;
}
td.pkg0.no-check {
  background: #E0EEEF;
}
th.pkg0 {
  background: #55a0a5;
}
th.pkg1 {
  background: #589CBA;
}
td.pkg1 {
  background: #D5E8EF;
}
td.pkg1.no-check {
  background: #DFECF2;
}
th.pkg2 {
  background: #3871B3;
}
td.pkg2 {
  background: #CCDDED;
}
td.pkg2.no-check {
  background: #D9E5F1;
}
th.pkg3 {
  background: #2F4A84;
}
td.pkg3 {
  background: #CCD6E2;
}
th.pkg0 h2 {
  background: #378F93;
}
th.pkg1 h2 {
  background: #2C8AAE;
}
th.pkg2 h2 {
  background: #2257A6;
}
th.pkg3 h2 {
  background: #12286F;
}
.pkg0 .pkg-description {
  background: none repeat scroll 0 0 #55A0A5;
}
.pkg1 .pkg-description {
  background: none repeat scroll 0 0 #589cba;
}
.pkg2 .pkg-description {
  background: #3871B3;
  border-bottom: 1px solid #3871B3;
}
.pkg3 .pkg-description {
  background: #2F4A84;
  border-bottom: 1px solid #2F4A84;
}
.pkg0 .pkg-description:after {
  border-color: #55A0A5 transparent transparent;
}
.pkg1 .pkg-description:after {
  border-color: #589cba transparent transparent;
}
.pkg2 .pkg-description:after {
  border-color: #3871B3 transparent transparent;
}
.pkg3 .pkg-description:after {
  border-color: #2F4A84 transparent transparent;
}
td.has-popup strong {
  color: #015ba7;
  font-weight: 300;
}
.compare .popup {
  left: auto;
  right: -408px;
  top: 6px;
  width: 410px;
  z-index: 999;
}
#main .compare .popup p {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 12px;
  padding-left: 106px;
}
.compare .popup::after {
  border-color: transparent #aaaaaa transparent transparent;
  border-style: solid;
  border-width: 12px;
  bottom: auto;
  content: "";
  height: 0;
  left: -24px;
  position: absolute;
  top: 6px;
  width: 0;
}
.compare .popup img {
  margin: 0 6px 6px 0;
}
.no-wrap {
  white-space: nowrap;
}
@media only screen and (min-width: 64.063em) {
  th h2 {
    padding: 24px 9px 0;
  }
  .pkg-description:after {
    border-width: 20px 97px 0;
  }
  th.pkg0 {
    background: #D6E9EB;
  }
  th.pkg1 {
    background: #D5E8EF;
  }
  th.pkg2 {
    background: #CCDDED;
  }
  th.pkg3 {
    background: #CCD6E2;
  }
}

/*==================*\
  #Compare Mobile
\*==================*/

dd h2 {
  line-height: 1.2;
  padding-top: 23px;
}
dd.pkg0 h2 {
  background: none repeat scroll 0 0 #378F93;
}
dd.pkg1 h2 {
  background: none repeat scroll 0 0 #3e89ae;
}
dd.pkg2 .popularity {
  background: none repeat scroll 0 0 #2257a6;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
  padding: 18px 0 0;
}
dd .popularity + h2 {
  height: 52px;
  padding: 10px 0 0;
}
#mpanel0, #mpanel1, #mpanel2, #mpanel3 {
  padding-bottom: 6px;
}
#mpanel0 {
  background: #e0eeef;
}