.sub-top {
  height: 200px;
  width: 100%; }
  .sub-top .cate-name {
    width: 1120px;
    padding-top: 75px;
    color: #fff;
    font-size: 30px;
    margin: auto;
    font-weight: 800; }
    .sub-top .cate-name strong {
      display: block;
      padding-top: 10px;
      color: #fff;
      opacity: .5;
      font-size: 16px;
      font-weight: normal; }

.about {
  background: url(../images/bg_subtop01.jpg) no-repeat center; }

.business-top {
  background: url(../images/bg_subtop02.jpg) no-repeat center; }

.network-top {
  background: url(../images/bg_subtop03.jpg) no-repeat center; }

.distribution-top {
  background: url(../images/bg_subtop04.jpg) no-repeat center; }

.customer-top {
  background: url(../images/bg_subtop05.jpg) no-repeat center; }

.sub-container {
  width: 1120px;
  margin: 40px auto 0; }
  .sub-container:after {
    clear: both;
    display: block;
    content: ""; }

.lnb {
  float: left;
  width: 250px; }
  .lnb .lnb-top {
    width: 100%;
    height: 85px;
    line-height: 85px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    background: url(../images/bg_lnb.jpg);
    font-size: 24px; }
  .lnb .lnb-menu li {
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    border-bottom: 1px solid #cdcdcd;
    position: relative; }
    .lnb .lnb-menu li a {
      font-size: 16px;
      display: block;
      color: #76787c; }
    .lnb .lnb-menu li.active:after {
      display: block;
      position: absolute;
      content: ">";
      font-size: 12px;
      font-weight: 300;
      color: #183067;
      right: 15px;
      top: 0;
      height: 100%;
      line-height: 45px; }
    .lnb .lnb-menu li.active a {
      color: #183067;
      font-weight: bold; }

.sub-contents {
  width: 870px;
  float: left;
  padding-left: 60px;
  padding-bottom: 100px; }
  .sub-contents .contents-header {
    height: 85px;
    line-height: 85px;
    position: relative;
    margin-bottom: 45px; }
    .sub-contents .contents-header .page-tit {
      font-size: 30px;
      font-weight: bold;
      color: #183067; }
    .sub-contents .contents-header .breadcrumb {
      position: absolute;
      right: 0;
      top: 0; }
      .sub-contents .contents-header .breadcrumb a {
        font-size: 12px;
        color: #76787c; }
        .sub-contents .contents-header .breadcrumb a:after {
          display: inline-block;
          content: ">";
          font-size: 12px; }
      .sub-contents .contents-header .breadcrumb a + a + a:after {
        content: ""; }

.section-tit {
  font-size: 20px;
  color: #252525; }
/*  .section-tit:before {
    display: block;
    width: 45px;
    height: 2px;
    background: #132652;
    content: "";
    margin-bottom: 15px; }*/

/*about us*/
.greetings {
  background: url(../images/bg_greetings.jpg) no-repeat right bottom;
  padding-bottom: 165px; }
  .greetings strong {
    display: block;
    font-size: 20px;
    color: #252525;
    line-height: 166%; }
  .greetings em {
    font-size: 16px;
    display: block;
    color: #1367ae;
    line-height: 166%; }
  .greetings p {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 214%; }

/* greetings */
.overview .company-info dl {
  border-top: 1px solid #1367ae;
  border-bottom: 1px solid #1367ae;
  line-height: 45px;
  margin-top: 30px;
  margin-bottom: 70px; }
  .overview .company-info dl:after {
    clear: both;
    display: block;
    content: ""; }
  .overview .company-info dl dt {
    background: #f8f8f8;
    color: #1367ae;
    padding-left: 35px;
    width: 200px;
    float: left;
    border-bottom: 1px solid #dadbdd; }
  .overview .company-info dl dd {
    padding-left: 35px;
    color: #5a5a5a;
    float: left;
    width: 610px;
    border-bottom: 1px solid #dadbdd; }
.overview .history {
  background: url(../images/bg_history.png) no-repeat center 55px; }
  .overview .history:after {
    clear: both;
    display: block;
    content: ""; }
  .overview .history dl {
    width: 360px;
    margin-bottom: 60px; }
    .overview .history dl.fl {
      text-align: right; }
    .overview .history dl.fr {
      text-align: left; }
    .overview .history dl dt {
      font-size: 18px;
      color: #1367ae;
      display: block;
      margin-bottom: 10px;
      margin-top: 30px; }
    .overview .history dl dd {
      line-height: 157%;
      color: #5a5a5a; }
      .overview .history dl dd img {
        margin-top: 10px; }

/* overview */
.vision .vision-top {
  margin-bottom: 70px; }
  .vision .vision-top strong {
    font-size: 18px;
    color: #1367ae;
    display: block;
    line-height: 122%;
    margin-top: 25px; }
  .vision .vision-top p {
    line-height: 157%;
    padding-right: 30px; }
.vision .vision-contents {
  padding-left: 15px;
  padding-right: 15px; }
  .vision .vision-contents:after {
    clear: both;
    display: block;
    content: ""; }
.vision div {
  width: 350px;
  text-align: center; }
  .vision div img {
    margin-bottom: 30px; }
  .vision div strong {
    display: block;
    margin-bottom: 30px;
    color: #1367ae;
    font-size: 18px;
    font-weight: 800; }
  .vision div p {
    color: #5a5a5a;
    line-height: 157%; }

/* vison */
.contact {
  position: relative; }
  .contact .contact-tab ul {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    height: 130px;
    padding-top: 15px; }
    .contact .contact-tab ul:after {
      clear: both;
      display: block;
      content: ""; }
    .contact .contact-tab ul li {
      float: left;
      width: 115px;
      padding-top: 75px;
      background: url(../images/contact_tab.jpg) no-repeat;
      text-align: center;
      cursor: pointer;
      height: 113px; }
      .contact .contact-tab ul li.active {
        border-bottom: 3px solid #1367ae;
        color: #1367ae; }
    .contact .contact-tab ul .shanghai {
      background-position: 30px 0px; }
      .contact .contact-tab ul .shanghai.active {
        background-position: 30px -120px; }
    .contact .contact-tab ul .seoul {
      background-position: -75px 0px; }
      .contact .contact-tab ul .seoul.active {
        background-position: -75px -120px; }
    .contact .contact-tab ul .tokyo {
      background-position: -180px 0px; }
      .contact .contact-tab ul .tokyo.active {
        background-position: -180px -120px; }
  .contact .map-wrap {
    position: relative;
    width: 100%;
    height: 500px;
    position: relative; }
  .contact .map-area {
    width: 810px;
    margin-top: 40px;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0; }
    .contact .map-area#shanghai {
      visibility: visible; }
    .contact .map-area .map {
      width: 100%;
      height: 290px;
      border: 1px solid #cdcdcd; }
    .contact .map-area dl {
      border-top: 1px solid #1367ae;
      border-bottom: 1px solid #1367ae;
      width: 810px;
      margin-top: 20px;
      height: 80px;
      display: table; }
      .contact .map-area dl dt {
        background: #f8f8f8;
        color: #1367ae;
        padding-left: 35px;
        width: 200px;
        border-bottom: 1px solid #dadbdd;
        height: 100%;
        display: table-cell; }
      .contact .map-area dl dd {
        padding-left: 35px;
        color: #5a5a5a;
        width: 610px;
        border-bottom: 1px solid #dadbdd;
        height: 80px;
        line-height: 185%;
        vertical-align: middle;
        display: table-cell; }

/*contact*/
/*business*/
/*.business-type .line {
  width: 45px;
  height: 1px;
  background: #183067;
  display: block;
  margin-bottom: 45px; }*/
.business-type figcaption {
  margin-top: 40px;
  color: #5a5a5a;
  line-height: 180%; 
    font-size:16px;
}
.business-type strong {
  font-size: 16px;
  color: #1367ae;
  margin-bottom: 30px;
  display: block; }
  .business-type strong:before {
    width: 25px;
    height: 2px;
    content: "";
    background: #1367ae;
    margin-bottom: 10px;
    margin-top: 80px;
    display: block; }

/*global network*/
/*.network .line {
  width: 45px;
  height: 1px;
  background: #183067;
  display: block;
  margin-bottom: 45px; }*/
.network .location {
  float: left;
  margin-right: 48px;
  width: 120px;
  line-height: 215%;
  color: #919191;
  height: 470px; }
.network .location.height2{
    height: 300px;
}
.network .location-h {
  width: 140px;
  height: 25px;
  line-height: 25px;
  font-weight: 800;
  padding-left: 5px;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px; }
  .network .location-h.usa {
    background: #feba04; }
  .network .location-h.eu {
    background: #f38f02; }
  .network .location-h.cis {
    background: #f05f5a; }
  .network .location-h.china {
    background: #ef3d36; }
  .network .location-h.korea {
    background: #dd1448; }
  .network .location-h.mexico {
    background: #86b800; }
  .network .location-h.brazil {
    background: #51cc96; }
  .network .location-h.se {
    background: #2da0cf; }
  .network .location-h.taiwan {
    background: #0878b8; }
  .network .location-h.japan {
    background: #0741a4; }
  .network .location-h.middleeast {
    background: #063179; }
  .network .location-h.africa {
    background: #001a45; }

/*distribution*/
.terminology-tab {
  margin-left: 2px; }
  .terminology-tab:after {
    clear: both;
    display: block;
    content: ""; }
  .terminology-tab a {
    width: 33.333%;
    float: left;
    height: 45px;
    line-height: 45px;
    color: #828282;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #cdcdcd;
    margin-left: -2px;
    position: relative;
    border-bottom: 2px solid #183067; }
    .terminology-tab a.active {
      color: #183067;
      border: 2px solid #183067;
      border-bottom: 2px solid #fff;
      z-index: 10; }

.terminology .filter {
  width: 100%;
  height: 50px;
  padding-top: 20px;
  border-bottom: 1px solid #cdcdcd; }
  .terminology .filter:after {
    clear: both;
    display: block;
    content: ""; }
  .terminology .filter li {
    float: left;
    width: 30px;
    text-align: center; }
    .terminology .filter li:before {
      float: left;
      content: "|";
      font-size: 10px;
      padding-top: 1px; }
    .terminology .filter li:last-child:after {
      float: right;
      content: "|";
      font-size: 10px;
      padding-top: 1px; }
    .terminology .filter li.active a {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      background: #1367ae;
      color: #fff; }
    .terminology .filter li a {
      font-size: 13px;
      text-transform: uppercase;
      line-height: 20px; }
.terminology .term-tit {
  font-size: 20px;
  text-align: center;
  width: 45px;
  padding-top: 15px;
  border-top: 2px solid #183067;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 25px; }
.terminology .terms-wrap {
  border-bottom: 1px solid #cbcbcb; }
.terminology .arconix-faq-wrap {
  border-top: 1px solid #cbcbcb; }
  .terminology .arconix-faq-wrap .arconix-faq-title {
    cursor: pointer;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    color: #5a5a5a;
    padding-left: 50px;
    position: relative; }
    .terminology .arconix-faq-wrap .arconix-faq-title:before {
      content: "+";
      font-size: 22px;
      position: absolute;
      left: 20px;
      color: #76787d;
      font-weight: bold;
      top: 2px; }
  .terminology .arconix-faq-wrap .arconix-faq-content {
    padding: 25px 50px;
    background: #e7f0f7;
    display: none;
    color: #5a5a5a;
    line-height: 157%; }
  .terminology .arconix-faq-wrap.opened .arconix-faq-title {
    background: #183067;
    color: #fff; }
    .terminology .arconix-faq-wrap.opened .arconix-faq-title:before {
      content: "-";
      font-size: 22px;
      position: absolute;
      left: 20px;
      color: #fff;
      font-weight: bold;
      top: 2px; }
  .terminology .arconix-faq-wrap.opened .arconix-faq-content {
    display: block; }
.terminology .incoterms {
  margin-top: 45px; }
  .terminology .incoterms p {
    color: #5a5a5a;
    line-height: 157%; }
  .terminology .incoterms strong {
    font-size: 18px;
    color: #1367ae; }
  .terminology .incoterms .arconix-faq-wrap.opened .arconix-faq-title {
    background: #1367ae !important; }
  .terminology .incoterms .arconix-faq-wrap.opened img {
    display: block;
    margin-bottom: 25px; }
  .terminology .incoterms ul {
    line-height: 157%;
    padding-left: 30px; }
    .terminology .incoterms ul li {
      position: relative; }
    .terminology .incoterms ul span {
      position: absolute;
      left: -30px; }

.seafreight .seafreight-tab {
  margin-left: 2px; }
  .seafreight .seafreight-tab:after {
    clear: both;
    display: block;
    content: ""; }
  .seafreight .seafreight-tab a {
    width: 50%;
    float: left;
    height: 45px;
    line-height: 45px;
    color: #828282;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #cdcdcd;
    margin-left: -2px;
    position: relative;
    border-bottom: 2px solid #183067; }
    .seafreight .seafreight-tab a.active {
      color: #183067;
      border: 2px solid #183067;
      border-bottom: 2px solid #fff;
      z-index: 10; }
.seafreight:after {
  clear: both;
  display: block;
  content: ""; }
.seafreight .fl {
  width: 49%; }
.seafreight .fr {
  width: 49%; }

.port {
  display: block; }
  .port h5 {
    font-size: 15px;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 10px; }
    .port h5.colortype01 {
      background: #e8a937; }
    .port h5.colortype02 {
      background: #e16e4d; }
    .port h5.colortype03 {
      background: #bccf71; }
    .port h5.colortype04 {
      background: #62b459; }
    .port h5.colortype05 {
      background: #6b8eb3; }
    .port h5.colortype06 {
      background: #7362a4; }
  .port table {
    width: 100%;
    margin-bottom: 30px; }
    .port table th {
      width: 40%;
      text-align: center;
      vertical-align: middle;
      font-size: 13px;
      border: 1px solid #cdcdcd; }
    .port table td {
      width: 30%;
      text-align: center;
      vertical-align: middle;
      height: 25px;
      font-size: 13px;
      border: 1px solid #cdcdcd; }

.standard {
  margin-top: 50px;
  margin-bottom: 20px;
  display: none; }
  .standard table {
    width: 100%;
    margin-bottom: 70px; }
    .standard table th {
      background: #cdcdcd;
      height: 25px;
      border: 1px solid #fff;
      font-size: 13px;
      text-align: center;
      vertical-align: middle;
      color: #000; }
    .standard table td {
      border: 1px solid #cdcdcd;
      height: 25px;
      text-align: center; }
  .standard figure {
    margin-bottom: 70px; }

.airfreight .airfreight-tab {
  margin-left: 2px; }
  .airfreight .airfreight-tab:after {
    clear: both;
    display: block;
    content: ""; }
  .airfreight .airfreight-tab a {
    width: 20.2%;
    float: left;
    height: 45px;
    line-height: 45px;
    color: #828282;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #cdcdcd;
    margin-left: -2px;
    position: relative;
    border-bottom: 2px solid #183067; }
    .airfreight .airfreight-tab a.active {
      color: #183067;
      border: 2px solid #183067;
      border-bottom: 2px solid #fff;
      z-index: 10; }

.airport th {
  width: 20% !important; }
.airport td {
  width: 20% !important; }
.airport td + td {
  width: 40% !important; }

.container-info {
  padding-top: 45px; }
  .container-info ul {
    margin-bottom: 80px;
    margin-left: -6px; }
    .container-info ul:after {
      clear: both;
      display: block;
      content: ""; }
    .container-info ul li {
      float: left;
      margin: 0 3px 6px; }

.ventilation-tbl {
  width: 100%; }
  .ventilation-tbl th {
    color: #183067;
    font-weight: bold;
    font-size: 13px;
    background: #f0f0f0;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    border: 1px solid #cbcbcb; }
    .ventilation-tbl th.bbg {
      background: #dedede; }
  .ventilation-tbl td {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #cbcbcb;
    color: #919191;
    height: 30px; }
    .ventilation-tbl td.bbbg {
      background: #f0f0f0; }

.airplane-tbl {
  width: 100%;
  border: 1px solid #cbcbcb;
  margin-bottom: 50px; }
  .airplane-tbl th {
    background: #f0f0f0; }
  .airplane-tbl th, .airplane-tbl td {
    height: 55px;
    border-bottom: 1px solid #cbcbcb;
    text-align: center;
    vertical-align: middle;
    color: #919191;
    font-size: 13px; }

.airline-code .filter-c {
  width: 100%;
  height: 50px;
  padding-top: 20px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 50px; }
  .airline-code .filter-c:after {
    clear: both;
    display: block;
    content: ""; }
  .airline-code .filter-c li {
    float: left;
    width: 30px;
    text-align: center; }
    .airline-code .filter-c li:before {
      float: left;
      content: "|";
      font-size: 10px;
      padding-top: 1px; }
    .airline-code .filter-c li:last-child:after {
      float: right;
      content: "|";
      font-size: 10px;
      padding-top: 1px; }
    .airline-code .filter-c li.active a {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      background: #1367ae;
      color: #fff; }
    .airline-code .filter-c li a {
      font-size: 13px;
      text-transform: uppercase;
      line-height: 20px; }
.airline-code .airline-code-list {
  border-top: 1px solid #cbcbcb;
  width: 100%; }
  .airline-code .airline-code-list li {
    height: 30px;
    border-bottom: 1px solid #cbcbcb;
    line-height: 30px;
    width: 100%; }
    .airline-code .airline-code-list li:after {
      clear: both;
      display: block;
      content: ""; }
    .airline-code .airline-code-list li:nth-child(odd) {
      background: #f5f9fc; }
    .airline-code .airline-code-list li span {
      width: 33.333%;
      float: left;
      text-align: center;
      color: #919191; }

.airfreight section {
  display: none; }
.airfreight .port {
  display: block; }

/*customer surpport*/
.board-list {
  width: 100%;
  table-layout: fixed;
  border-bottom: 2px solid #183067;
  margin-bottom: 30px; }
  .board-list th {
    height: 50px;
    border-top: 2px solid #183067;
    border-bottom: 2px solid #183067;
    font-weight: bold;
    color: #183067;
    font-size: 15px; }
  .board-list td {
    height: 45px;
    border-bottom: 1px solid #dedede;
    text-align: center;
    color: #555758;
    font-size: 14px; }
    .board-list td.notice-tit {
      text-align: left;
      text-indent: 20px; }
    .board-list td .status-i {
      padding: 3px 0px;
      width: 55px;
      border-radius: 3px;
      background: #1262ab;
      color: #fff;
      display: inline-block; }
    .board-list td .status-e {
      padding: 3px 0px;
      width: 55px;
      display: inline-block;
      border-radius: 3px;
      background: #a3a3a3;
      color: #fff; }
  .board-list .notice-first td {
    background: #f9f9f9; }
  .board-list .notice-first .notice-tit {
    color: #183067; }

.board-view {
  border-top: 2px solid #183067;
  border-bottom: 2px solid #183067; }
  .board-view thead {
    border-bottom: 2px solid #183067; }
  .board-view th {
    color: #183067;
    font-weight: bold;
    font-size: 15px;
    height: 50px;
    border-bottom: 1px solid #cbcbcb; }
  .board-view td {
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #cbcbcb;
    color: #686868; }
    .board-view td.board-contents {
      height: 300px;
      padding: 20px;
      vertical-align: baseline !important; }

.btn-prev, .btn-next {
  text-align: center;
  background: #757575;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  float: left;
  margin-right: 10px;
  width: 65px;
  line-height: 30px; }

.btn-list {
  text-align: center;
  background: #1367ae;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  float: right;
  margin-right: 10px;
  width: 65px;
  line-height: 30px; }

.board-search {
  float: right;
  margin-bottom: 30px; }
  .board-search:after {
    clear: both;
    display: block;
    content: ""; }
  .board-search select {
    width: 80px;
    height: 30px;
    border: 1px solid #cdcdcd; }
  .board-search input[type="text"] {
    width: 180px;
    height: 30px;
    border: 1px solid #cdcdcd; }
  .board-search button {
    background: #1367ae;
    color: #fff;
    text-align: center;
    font-size: 13px;
    border: none;
    width: 65px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-family: inherit; }

.pagenation {
  clear: both;
  text-align: center; }
  .pagenation ul {
    display: inline-block; }
    .pagenation ul:after {
      clear: both;
      display: block;
      content: ""; }
    .pagenation ul li {
      float: left;
      margin: 0 3px;
      width: 30px;
      height: 30px;
      border: 1px solid #bcbdbe;
      line-height: 30px;
      font-size: 13px; }
      .pagenation ul li.active {
        border: 1px solid #183067; }
        .pagenation ul li.active a {
          color: #183067;
          border-bottom: 1px solid #183067;
          padding-bottom: 1px; }
      .pagenation ul li.prev, .pagenation ul li.next {
        background: #1367ae;
        margin: 0 12px;
        border: none; }
        .pagenation ul li.prev a, .pagenation ul li.next a {
          color: #fff; }

/*notice*/
.estimate-tbl {
  border-top: 2px solid #183067;
  border-bottom: 2px solid #183067;
  table-layout: fixed;
  width: 100%; }
  .estimate-tbl th {
    width: 180px;
    font-size: 15px;
    font-weight: bold;
    color: #183067;
    background: #f9f9f9;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #cdcdcd; }
  .estimate-tbl td {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 20px; }
    .estimate-tbl td input[type="text"], .estimate-tbl td select {
      border: 1px solid #cdcdcd;
      height: 30px; }
    .estimate-tbl td select {
      width: 150px; }
    .estimate-tbl td .width01 {
      width: 280px; }
    .estimate-tbl td .width02 {
      width: 80px; }
    .estimate-tbl td .width03 {
      width: 120px; }
    .estimate-tbl td textarea {
      border: 1px solid #cdcdcd;
      resize: none;
      width: 100%;
      height: 180px;
      overflow-y: auto; }

.btn-apply {
  background: #1367ae;
  color: #fff;
  text-align: center;
  font-size: 16px;
  border: none;
  width: 100px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  font-family: inherit; }

.recruit-tab {
  width: 100%; }
  .recruit-tab:after {
    clear: both;
    display: block;
    content: ""; }
  .recruit-tab a {
    width: 50%;
    float: left;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #828282;
    text-align: center; }
    .recruit-tab a.active {
      color: #183067;
      font-weight: bold; }

.talented {
  text-align: center;
  padding-top: 115px; }

.recruit-top {
  position: relative;
  margin: 30px 0 20px;
  width: 100%; }
  .recruit-top .newcomer {
    position: absolute;
    left: 315px;
    top: 100px; }
  .recruit-top .career {
    position: absolute;
    top: 100px;
    left: 505px; }

/*# sourceMappingURL=sub.css.map */

/*sitemap*/
.sitemap ul li { display: inline; }
.sitemap ul li a { letter-spacing: .1em; }
.sitemap .section-tit { margin-bottom: 15px; }
.sitemap .sitemap-contents { margin-bottom: 30px; }

/*guide*/
.guide p { margin-bottom: 5px; line-height: 20px; }

.annoy-tab span{
    display: inline-block;
    padding:5px 10px; margin-right: 10px;
    background: #1367AE; color: #fff;
    font-size:13px;
    
}