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

.tab-row1 { text-align: center; padding: 0; float: none; display: inline-block; list-style: none; width: auto; }

.tab-row1 li { width: auto; text-align: center; font-size: 19px; color: #a3a3a3; font-weight: 400; line-height: 1.58; border: none; border-bottom: 1px solid rgba(54,194,238,0); border-radius: 0; transition: all 0.25s ease-out 0s; display: inline-block; position: relative; background: none; margin: 0 0 0 27px; padding: 0 0 4px; font-family: "DM Serif Display",serif; }

.tab-row1 li:hover { color: #0a3478; border: none; border-bottom: 1px solid #36c2ee; }

.tab-row1 li.active { color: #0a3478; border: none; border-bottom: 1px solid #36c2ee; }

.tab-row2 { width: 100%; float: left; text-align: center; margin: 0 auto 0; }
.tab-bar2 { width: 100%; float: left; display: none; margin: 0 0 0; }
.tab-icon1 { width: 55px; float: none; transform: translateY(-50%); margin: 0 auto 0; position: absolute; top: 50%; right: 0; left: 0; }

.tab-btn1 { float: none; color: #fff; background: #d4cb9c; border-color: #d4cb9c; cursor: pointer; margin: 0 0 10px; padding: 14px 25px 14px 25px; }
.tab-btn1:hover { color: #d4cb9c; background: none; border-color: #d4cb9c; }

/*Smartphone css*/
@media screen and (max-width: 480px) {
  .tab-row1 { width: 100%; }
  .tab-row1 li { width: 50%; float: left; font-size: 13px; padding: 9px 2% 0; margin: 0; min-height: 37px; }
  .tab-row1 li:nth-child(2) { float: right; }
  .conten-wrapp2 .tab-row1 { margin: 0 0 20px; }
  ul.tab-row1 { text-align: center!important; }
  ul.tab-row1 li { float: none!important; width: auto!important; margin-bottom: 7px; }
}

@media screen and (min-width:481px) and (max-width:600px) {
  .tab-row1 { width: 100%; }
  .tab-row1 li { font-size: 18px; margin: 0 0 10px 16px; }
  .tab-row1 li:first-child { margin-left: 0; }
  .conten-wrapp2 .tab-row1 { margin: 0 0 20px; }
  ul.tab-row1 { text-align: center!important; }
  ul.tab-row1 li { float: none!important; width: auto!important; margin-bottom: 7px; }
}

@media screen and (min-width:601px) and (max-width:767px) {
  .tab-row1 li { font-size: 15px; padding: 9px 13px 9px; margin: 0 6px 0 0; }
  .tab-row1 li:first-child { margin-left: 0; }
  .conten-wrapp2 .tab-row1 { margin: 0 0 20px; }
  ul.tab-row1 { text-align: center!important; }
  ul.tab-row1 li { float: none!important; width: auto!important; margin-bottom: 7px; }
}

@media screen and (min-width:768px) and (max-width:900px) {
  .tab-row1 li { font-size: 14px; float: left; margin: 0 0 0 15px; }
  .tab-row1 li:first-child { margin-left: 0; }
}

@media screen and (min-width:901px) and (max-width:1024px) {
  .tab-row1 li { font-size: 16px; float: left; margin: 0 0 0 22px; }
  .tab-row1 li:first-child { margin-left: 0; }
}

@media screen and (min-width:1025px) and (max-width:1240px) {
  .tab-row1 li { font-size: 18px; float: left; margin: 0 0 0 22px; }
  .tab-row1 li:first-child { margin-left: 0; }
}

@media screen and (min-width:1241px) and (max-width:1350px) {
}