:root {
  --darkGray: #2B2B2B;
  --limedSpruce: #36444B;
  --limedSpruce-80: #36444bb5;
  --viking: #4ACBD6;
  --blueStone: #005564;
  --blueStone-50: #00556483;
  --eden: #0B4049;
  --gray-100: #F8F9FB;
  --gray-200: #F7F8F8;
  --gray-300: #DCDDDD;
  --white: #FFFFFF;
  --white-80: rgba(255, 255, 255, 0.8);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-90: rgba(255, 255, 255, 0.9);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-30: rgba(0, 0, 0, 0.3);
}

.landing {
  font-size: 16px;
  margin: 0 auto;
  overflow: hidden;
  color: var(--limedSpruce);
}

.landing .w-container {
  max-width: 90%;
}

.landing .btn-primary {
  background-color: var(--blueStone);
  color: white;
  text-decoration: none;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  display: inline-block;
  font-size: 1.125em;
  transition: background-color 0.2s ease-in-out;
  width: fit-content;
}

.landing .btn-primary:hover {
  background-color: var(--eden);
  transition: background-color 0.2s ease-in-out;
}

.landing .btn-tertiary {
  color: var(--blueStone);
  font-weight: 500;
  text-underline-offset: 0.35em;
  text-decoration-thickness: 1px;
  font-size: 1.125em;
}

@media (max-width: 736px) {
  .landing .btn-primary {
    font-size: 3vw;
    padding: 2vw 4vw;
  }

  .landing .btn-tertiary {
    margin: 0 1em;
    font-size: 3.25vw;
  }
}

@media (min-width:1920px) {
  .landing {
    font-size: 0.8333333vw;
  }
}

@media (max-width:1680px) {
  .landing {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .landing {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .landing {
    font-size: 10.35px;
  }
}

@media (max-width:414px) {
  .landing {
    font-size: 2.5vw;
  }
}

.hero {
  margin: 0 auto;
  font-size: 16px;
  height: 35em;
  background: url('https://static.tp-link.com/upload/static-page/solution_hero_pc_20250913002248j.jpg') no-repeat;
  display: flex;
  align-items: center;
  background-position: center;
  background-size: cover;
  color: white;
}

.hero .w-container {
  margin: 0 auto;
  width: 85.375em;
}

.hero .box {
  height: 100%;
  display: flex;
  align-items: center;
}

.hero .box h2 {
  font-size: 3.2em;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.3em;
}

.hero .box h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 1em;
  color: var(--white-60);
}

.hero .box p {
  font-size: 1.25em;
}

@media (min-width: 1921px) {
  .hero {
    font-size: 0.7vw;
  }
}

@media (max-width: 1680px) {
  .hero {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .hero {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .hero {
    max-width: 100vw;
    height: auto;
    min-height: 128vw;
    font-size: 10.35px;
    height: 39.0625vw;
    background: url('https://static.tp-link.com/upload/static-page/solution_hero_m_20250913002256k.jpg') 50% 0 no-repeat;
    background-size: 100%;
    align-items: flex-start;
  }

  .hero .w-container {
    width: 90vw;
    padding: 10vw 0 0;
    text-align: center;
  }

  .hero .box {
    padding: 0;
  }

  .hero .text {
    flex: 1 1 0;
  }

  .hero .box h2 {
    font-size: 6.5vw;
    padding: 0 0 2vw;
  }

  .hero .box h3 {
    font-size: 3.5vw;
    padding: 0 0 5vw;
  }

  .hero .box p {
    font-size: 1.25em;
  }
}

@media (max-width: 414px) {
  .hero {
    font-size: 2.5vw;
  }
}

.tp-smb-new {
  font-size: 16px;
  background-color: var(--gray-100);
}

.tp-smb-new .w-container {
  padding-top: 6em;
  padding-bottom: 6em;
  margin: 0 auto;
  width: 85.375em;
}

.tp-smb-new .tp-smb-new-title {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: center;
  margin-bottom: 3em;
}

.tp-smb-new .tp-smb-new-wrapper {
  padding: 6.25em 0;
}

.tp-smb-new h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.25em;
}

.tp-smb-new img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  scale: 1;
  object-position: center;
  object-fit: cover;
  transition: all linear 300ms;
}

.tp-smb-new .tp-smb-new-item:hover img {
  transform: scale(1.1);
}

.tp-smb-new .tp-smb-new-1 {
  position: relative;
  line-height: 0;
  margin-bottom: 1em;
  overflow: hidden;
  text-align: right;
  background: #f6f7fc;
}

.tp-smb-new .tp-smb-new-1 video {
  width: 56.6%;
  margin-right: 3%;
}

.tp-smb-new .tp-smb-new-1 a {
  text-align: left;
}

.tp-smb-new .tp-smb-new-1-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6.875em 57% 0 3.75em;
  transition: transform linear 300ms;
}

.tp-smb-new .tp-smb-new-1 h3 {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.25em;
}

.tp-smb-new .tp-smb-new-1 p {
  font-size: 1.125em;
  line-height: 1.33333333;
}

.tp-smb-new .tp-smb-new-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5em;
}

.tp-smb-new .tp-smb-new-2:has(> :nth-child(n+5)) {
    grid-template-columns: repeat(3, 1fr);
}

.tp-smb-new .tp-smb-new-2+.tp-smb-new-2 {
  margin-top: 1em;
}

.tp-smb-new .tp-smb-new-2 .tp-smb-new-item {
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  position: relative;
  min-height: 17em;
  overflow: hidden;
  border-radius: 0.5em;
}

.tp-smb-new .tp-smb-new-2 .tp-smb-new-item.half {
  min-height: initial;
}

.tp-smb-new .tp-smb-new-2 .tp-smb-new-item-group {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  flex: 1 1 0;
  position: relative;
  min-height: 30em;
  overflow: hidden;
  border-radius: 0.5em;
}

.tp-smb-new .tp-smb-new-2 .img {
  overflow: hidden;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%
}

.tp-smb-new .tp-smb-new-2 .detail {
  transition: background 0.3s ease-in-out;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  padding: 1.3em 2em;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}

.tp-smb-new .tp-smb-new-2 .detail .type-box {
  margin-bottom: 0.625em;
  line-height: 1.25;
}

.tp-smb-new .tp-smb-new-2 .detail h3 {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.3;
  color: white;
}

.tp-smb-new .tp-smb-new-2 .detail p {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  font-weight: 300;
  margin-top: 0.5em;
  line-height: 1.3;
  color: var(--white-80)
}

.tp-smb-new .tp-smb-new-2 .detail .link {
  position: absolute;
  left: 2em;
  bottom: 1.3em;
  color: var(--white-80);
  font-weight: 300;
  text-decoration: none;
  font-size: 1.1em;
}

.tp-smb-new .tp-smb-new-item:hover .link {
  color: white;
  text-decoration: underline;
  text-underline-offset: 0.35em;
  text-decoration-thickness: 0.5px;
}

.tp-smb-new .tp-smb-new-item:hover .detail {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  transition: background 0.3s ease-in-out;
}

.tp-smb-new .tp-smb-new-item:hover p {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

@media (min-width: 1921px) {
  .tp-smb-new {
    font-size: 0.7vw;
  }
}

@media (max-width: 1680px) {
  .tp-smb-new {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .tp-smb-new {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .tp-smb-new {
    font-size: 10.35px;
  }

  .tp-smb-new .w-container {
    width: 90vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .tp-smb-new .tp-smb-new-wrapper {
    padding: 3em 0;
  }

  .tp-smb-new h2 {
    font-size: 6vw;
  }

  .tp-smb-new .tp-smb-new-2 .detail {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  }

  .tp-smb-new .tp-smb-new-2 .detail h3 {
    font-size: 3.6vw;
    font-weight: 400;
  }

  .tp-smb-new .tp-smb-new-2 .detail p {
    opacity: 1;
    font-size: 2.8vw;
  }

  .tp-smb-new .tp-smb-new-2 .detail .link {
    font-size: 2.8vw;
  }

  .tp-smb-new .tp-smb-new-title {
    flex-direction: column;
    align-items: center;
    border: none;
    margin-bottom: 4vw;
  }

  .tp-smb-new img:hover {
    transform: none;
  }

  .tp-smb-new .tp-smb-new-2 {
    grid-template-columns: 1fr;
    gap: 4vw;
  }

  .tp-smb-new .tp-smb-new-2:has(> :nth-child(n+5)) {
    grid-template-columns: 1fr;
 }

  .tp-smb-new .tp-smb-new-2 .tp-smb-new-item {
    flex: 1 0 auto;
    min-height: 40vw;
  }

  .tp-smb-new .tp-smb-new-2 .tp-smb-new-item-group {
    min-width: 50vw;
    min-height: 65vw;
    gap: 12px;
  }

  .tp-smb-new .tp-smb-new-2 .tp-smb-new-item-group h3 {
    font-size: 3.3vw;
  }

  .tp-smb-new .tp-smb-new-2 .tp-smb-new-item-group p {
    font-size: 2.7vw;
    color: white;
  }

  .tp-smb-new .tp-smb-new-2 .detail {
    font-size: 1.25em;
  }

  .tp-smb-new .list-prev {
    left: -7vw;
    opacity: 1;
  }

  .tp-smb-new .list-next {
    right: -7vw;
    opacity: 1;
  }
}

@media(max-width:414px) {
  .tp-smb-new {
    font-size: 2.5vw;
  }
}

.case-studies {
  font-size: 16px;
}

.case-studies .w-container {
  padding-top: 6em;
  padding-bottom: 6em;
  margin: 0 auto;
  width: 85.375em;
}

.case-studies .case-studies-title {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 3em;
  padding-bottom: 2em;
  border-bottom: 1px solid #e5e5e5;
}

.case-studies .case-studies-wrapper {
  padding: 6.25em 0;
}

.case-studies h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.25em;
}

.case-studies img {
  margin: auto;
  width: 100%;
  max-width: 40em;
  scale: 1;
  object-position: center;
  object-fit: cover;
  transition: all linear 300ms;
}

.tp-smb-new .case-studies-2 {
  display: flex;
  gap: 1.5em;
}

.case-studies .list-prev,
.case-studies .list-next {
  width: 4.5em;
  height: 4.5em;
  position: absolute;
  top: 50%;
  margin-top: -2.25em;
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 99;
  cursor: pointer;
}

.case-studies .swiper-button-disabled {
  display: none;
}

.case-studies .swiper {
  position: relative;
  overflow: hidden;
}

.case-studies .list-prev {
  left: -7em;
  background-image: url('https://static.tp-link.com/upload/static-page/arrow_previous_20250911233956o.svg');
}

.case-studies .list-next {
  right: -7em;
  background-image: url('https://static.tp-link.com/upload/static-page/arrow_next_20250911234006x.svg');
}

.case-studies .content-2 {
  position: relative;
}

.case-studies .case-studies-2 .detail h3 > span.highlight {
  color: var(--blueStone);
  font-weight: 600;
}

.case-studies .case-studies-item p.industry {
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 2;
  color: white;
  background-color: var(--black-30);
  padding: 0.35em 0.75em;
  border-radius: 0.25em;
  font-weight: 400;
  width: fit-content;
  margin-bottom: 1em;
  margin-top: 0;
}

.case-studies .case-studies-2+.case-studies-2 {
  margin-top: 1em;
}

.case-studies .case-studies-2 .case-studies-item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;  
}

.case-studies .case-studies-2 {
  display: flex;
  gap: 1.5em;
}

.case-studies .case-studies-2 .case-studies-item:hover img {
  transform: scale(1.1);
}

.case-studies .case-studies-2 .detail {
  background-color: var(--gray-200);
  padding: 1.2em;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}

.case-studies .case-studies-2 .detail .type-box {
  margin-bottom: 0.625em;
  line-height: 1.25;
}

.case-studies .case-studies-2 .detail h3 {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 0.75em 0;
}

.case-studies .case-studies-2 .detail p {
  font-weight: 400;
  margin-top: 0.5em;
  line-height: 1.3;
}

.case-studies .case-studies-2 .detail p > span.number {
  margin-right: 0.75em;
  font-weight: 300;
  color: var(--blueStone);
}

.case-studies .case-studies-2 .detail .link {
  font-weight: 300;
  background-color: var(--blueStone);
  color: white;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  text-decoration: none;
  width: fit-content;
  margin-top: 2em;
}

.case-studies .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.7em;
  margin-top: 2em;
}
.case-studies .swiper-pagination-bullet-active {
  background: var(--blueStone-50);
}
@media (min-width: 1921px) {
  .case-studies {
    font-size: 0.7vw;
  }
}

@media (max-width: 1680px) {
  .case-studies {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .case-studies {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .case-studies {
    font-size: 10.35px;
  }

  .case-studies .w-container {
    width: 90vw;
    padding-top: 6em;
    padding-bottom: 6em;
    margin: 0 auto;
  }

  .case-studies .case-studies-wrapper {
    padding: 3em 0;
  }

  .case-studies h2 {
    font-size: 6vw;
  }

  .case-studies .case-studies-title {
    flex-direction: column;
    align-items: center;
    border: none;
    margin-bottom: 2vw;
  }

  .case-studies img {
    max-width: initial;
  }
  .case-studies img:hover {
    transform: none;
  }

  .case-studies .content-2 {
    padding: 0;
  }

  .case-studies .case-studies-2 .detail h3 {
    font-size: 4vw;
  }

  .case-studies .case-studies-2 .detail p, .case-studies .case-studies-item p.industry {
    opacity: 1;
    font-size: 3vw;
    display: flex;
  }

  .case-studies .case-studies-2 .detail .link {
    font-size: 3vw;
    margin-top: 6vw;
  }

  .case-studies .case-studies-2 {
    gap: 0;
  }

  .case-studies .case-studies-2 .case-studies-item {
    flex: 1 0 auto;
  }

  .case-studies .case-studies-2 .detail {
    font-size: 1.25em;
    padding: 4vw;
  }

  .case-studies .list-prev {
    left: -7vw;
    opacity: 0;
  }

  .case-studies .list-next {
    right: -7vw;
    opacity: 0;
  }
}

@media(max-width:414px) {
  .case-studies {
    font-size: 2.5vw;
  }
}

.contact-us {
  font-size: 16px;
  background-color: var(--limedSpruce);
  color: white;
}
.contact-us .w-container {
  padding-top: 6em;
  padding-bottom: 6em;
  margin: 0 auto;
  width: 85.375em;
}
.contact-us .contact-us-title {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 3em;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.contact-us .contact-us-wrapper {
  padding: 6.25em 0;
}
.contact-us h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.25em;
}
.contact-us-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1em;
}
.contact-us .contact-us-content .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1em;
  cursor: pointer;
  flex: 1 1 0;
}
.contact-us .contact-us-content .item p {
  font-size: 1.25em;
  line-height: 1.6;
  font-weight: 400;
}
.contact-us .contact-us-content .icon {
    width: 3em;
    height: 3em;
  }
@media (min-width: 1921px) {
  .contact-us {
    font-size: 0.7vw;
  }
}

@media (max-width: 1680px) {
  .contact-us {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .contact-us {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .contact-us {
    font-size: 10.35px;
  }
  .contact-us .w-container {
    width: 90vw;
    padding-top: 6em;
    padding-bottom: 6em;
    margin: 0 auto;
  }
  .contact-us .contact-us-wrapper {
    padding: 3em 0;
  }
  .contact-us .contact-us-title {
    margin-bottom: 8vw;
  }
  .contact-us h2 {
    font-size: 6vw;
  }
  .contact-us .contact-us-content {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10vw;
  }
  .contact-us .contact-us-content .item {
    gap: 3vw;
    flex: 0 1 35vw;
  }
  .contact-us .contact-us-content .item p {
    font-size: 3vw;
  }
  .contact-us .contact-us-content .icon {
    width: 8vw;
    height: 8vw;
  }
}

#tp-smb-solution{font-size:16px;}
@media (max-width:1440px){
  #tp-smb-solution{font-size:14px;}
}
@media (max-width:1024px){
  #tp-smb-solution{font-size:12px;}
}
@media (max-width:736px){
  #tp-smb-solution{font-size:16px;}
}

.tp-smb-top-search{background:url(./smb-search-banner-new.png) 50% 50% no-repeat;background-size:cover;}
.tp-smb-top-search .tp-table{display:table;}
.tp-smb-top-search .tp-table-row{display:table-row;}
.tp-smb-top-search .tp-table-cell{display:table-cell;}
.tp-smb-top-search .tp-smb-top-search-inner{height:28.125em;}
.tp-smb-top-search .tp-smb-top-search-cell{vertical-align:middle;;}
.tp-smb-top-search .tp-smb-top-search-title{font-size:2.25em;font-weight:700;line-height:1.55555555;color:#36444B;text-align:center;position:relative;top:-1em;}
@media (max-width:736px){
  .tp-smb-top-search{background-image:url(./smb-m-search-banner-new.png);}
  .tp-smb-top-search .tp-smb-top-search-inner{height:64vw;}
  .tp-smb-top-search .tp-smb-top-search-cell{vertical-align:top;}
  .tp-smb-top-search .tp-smb-top-search-title{font-size:1.6em;text-align:left;line-height:1.21428571;top:auto;padding:1em 0 0;}
}

@keyframes line
{
  from{width:2.5em;margin-left:-1.25em;}
  to{width:0;margin-left:0;}
}
.tp-smb-solution-type{padding-top:4em;}
.tp-smb-solution-type a{color:inherit;text-decoration:none;}
.tp-smb-solution-type .tp-smb-solution-type-top{font-weight:500;margin-bottom:4em;text-align:center;}
.tp-smb-solution-type .tp-smb-solution-type-top-item{display:inline-block;vertical-align:middle;background:#F5F6F7;}
.tp-smb-solution-type .tp-smb-solution-type-top-item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.tp-smb-solution-type .tp-smb-solution-type-top-item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.tp-smb-solution-type .tp-smb-solution-type-top-item a{display:block;color:#36444B;font-size:1em;font-weight:500;border-radius:4px;line-height:3;text-decoration:none;padding:0 2.5em;}
.tp-smb-solution-type .tp-smb-solution-type-top-item a:hover{background:rgba(74,203,214,0.16);}
.tp-smb-solution-type .tp-smb-solution-type-top-item.active a,
.tp-smb-solution-type .tp-smb-solution-type-top-item.active a:hover{background:#4acbd6;color:#fff;}
.tp-smb-solution-type .tp-smb-solution-type-bottom{font-weight:500;background-color:#ccc;}
.tp-smb-solution-type .tp-smb-solution-type-bottom-item{border-radius:4px;padding:2.5em 3%;background:url(./smb-type-bg.png) 50% 0 no-repeat;background-size:cover;}

.tp-smb-solution-type .tp-smb-solution-type-filter{text-align:center;}
.tp-smb-solution-type .tp-smb-solution-type-filter ol{display:inline-block;padding:0.25em;background:rgba(255,255,255,0.2);border-radius:0.25em;}
.tp-smb-solution-type .tp-smb-solution-type-filter li{display:inline-block;}
.tp-smb-solution-type .tp-smb-solution-type-filter li>a,
.tp-smb-solution-type .tp-smb-solution-type-filter li>a:hover{font-size:1.25em;display:block;line-height:2;color:rgba(255,255,255,0.8);border-radius:0.25em;padding:0 1em;min-width:11.4em;cursor:pointer;}
.tp-smb-solution-type .tp-smb-solution-type-filter li.active>a,
.tp-smb-solution-type .tp-smb-solution-type-filter li.active>a:hover{background:#FFFFFF;color:#253144;}
@media (max-width:736px){
  .tp-smb-solution-type .tp-smb-solution-type-filter ol,
  .tp-smb-solution-type .tp-smb-solution-type-filter li,
  .tp-smb-solution-type .tp-smb-solution-type-filter li>a,
  .tp-smb-solution-type .tp-smb-solution-type-filter li.active>a{display:block;font-size:1em;}
}

.tp-smb-solution-type .tp-smb-solution-type-list{font-size:0;color:#fff;}
.tp-smb-solution-type .tp-smb-solution-type-item{font-size:16px;display:inline-block;vertical-align:top;width:25%;text-align:center;}
.tp-smb-solution-type .tp-smb-solution-type-item-box{padding:1.25em 0.5em;}
.tp-smb-solution-type .tp-smb-solution-type-icon{display:block;width:6.25em;height:6.25em;margin:0 auto;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;}
.tp-smb-solution-type .tp-smb-solution-type-icon.mdu{background-image:url(./smb-solution-mdu.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.small-and-mid-size-offices{background-image:url(./smb-solution-small-and-mid-size-offices.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.hospitality{background-image:url(./smb-solution-hospitality.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.education{background-image:url(./smb-solution-education.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.retail{background-image:url(./smb-solution-retail.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.catering{background-image:url(./smb-solution-catering.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.enterprise{background-image:url(./smb-solution-enterprise.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.accommodation{background-image:url(./smb-solution-accommodation.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.healthcare{background-image:url(./smb-solution-healthcare.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.transportation{background-image:url(./smb-solution-transportation.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.branch-location{background-image:url(./smb-solution-branch-location.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.wifi-marketing{background-image:url(./smb-solution-wifi-marketing.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.switches-for-surveillance{background-image:url(./smb-solution-switches-surveillance.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.switches-for-business-wifi{background-image:url(./smb-solution-switches-business-wifi.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.switches-for-voip{background-image:url(./smb-solution-switches-voip.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.wireless-networking-for-elevators{background-image:url(./smb-solution-wireless.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.outdoor-wifi{background-image:url(./smb-solution-outdoor-wifi.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.surveillance{background-image:url(./smb-solution-surveillance.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.high-density-environment{background-image:url(./smb-solution-high-density-environment.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon.other,
.tp-smb-solution-type .tp-smb-solution-type-icon.coming-soon{background-image:url(./smb-solution-other.png);}
.tp-smb-solution-type .tp-smb-solution-type-icon img{max-height:100%;}
.tp-smb-solution-type .tp-smb-solution-type-item h3{font-size:1.25em;line-height:1.3;padding-top:0.5em;}
.tp-smb-solution-type .tp-smb-solution-type-customized{border-radius:4px;color:#fff;margin-top:1.125em;background:url(./tp-smb-default.jpg) 50% 50% no-repeat;background-size:cover;}
.tp-smb-solution-type .tp-smb-solution-type-customized-box{padding:1.875em 1.25em;}
.tp-smb-solution-type .tp-smb-solution-type-customized-box h2{font-size:1.875em;line-height:1.33333333;margin-bottom:8px;}
.tp-smb-solution-type .tp-smb-solution-type-customized-box p{font-size:1.125em;line-height:1.27777777;}
@media (max-width:1440px){
  .tp-smb-solution-type .tp-smb-solution-type-item{font-size:14px;}
}
@media (max-width:1024px){
  .tp-smb-solution-type .tp-smb-solution-type-item{font-size:12px;}
}
@media (max-width:736px){
  .tp-smb-solution-type{padding-top:30px;}
  .tp-smb-solution-type .tp-smb-solution-type-top{margin-bottom:24px;}
  .tp-smb-solution-type .tp-smb-solution-type-top-list{border:none;display:flex;justify-content:center;align-items:center;}
  .tp-smb-solution-type .tp-smb-solution-type-top-item{min-width: 30%;}
  .tp-smb-solution-type .tp-smb-solution-type-top-item a{font-size:0.875em;padding:0.75em 1em;line-height:1.5;}
  .tp-smb-solution-type .tp-smb-solution-type-bottom{margin:0 -20px;}
  .tp-smb-solution-type .tp-smb-solution-type-bottom-item{padding:1.125em 7% 1.25em;border-radius:unset;}
  .tp-smb-solution-type .tp-smb-solution-type-item{font-size:16px;width:50%;}
  .tp-smb-solution-type .tp-smb-solution-type-item-box{padding:0.75em 1em;}
  .tp-smb-solution-type .tp-smb-solution-type-icon{width:3.75em;height:3.75em;}
  .tp-smb-solution-type .tp-smb-solution-type-item h3{font-size:0.875em;padding-top:0;}
}

.tp-smb-solution-customized{padding:1.125em 0 3.125em;}
.tp-smb-solution-customized-box{padding:1.875em 1.25em;border-radius:4px;color:#fff;background:#ccc url(./smb-solution-customized-bg.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;}
.tp-smb-solution-customized-box h2{font-size:1.875em;line-height:1.33333333;margin-bottom:8px;}
.tp-smb-solution-customized-box a{color:inherit;}
.tp-smb-solution-customized-box p{font-size:1.125em;line-height:1.27777777;}
.tp-smb-solution-customized-box p.tp-smb-solution-customized-link{margin-top:1.875em;}
@media (max-width:736px){
  .tp-smb-solution-customized{padding-bottom:1em;margin:0 -20px;}
  .tp-smb-solution-customized-box{border-radius:unset;}
  .tp-smb-solution-customized-box h2{font-size:1.25em;}
  .tp-smb-solution-customized-box p{font-size:0.875em;}
  .tp-smb-solution-customized-box p.tp-smb-solution-customized-link{margin-top:1.4285714em;}
}

.tp-smb-bring{margin-top:4em;padding-bottom:4em;text-align:center;background:#F5F7FA;}
.tp-smb-bring h2{font-size:2.25em;font-weight:700;line-height:1.5;color:#36444B;padding-bottom:10px;}
.tp-smb-bring .tp-smb-bring-icon{width:5em;height:5em;line-height:0;display:block;margin:0 auto 1em;}
.tp-smb-bring .tp-smb-bring-icon img{max-width:100%;}
.tp-smb-bring .tp-smb-bring-main{background:#36444B;color:#fff;padding-top:3.75em;}
.tp-smb-bring .tp-smb-bring-main h2{color:#fff;}
.tp-smb-bring .tp-smb-bring-main img+img{display:none;}
.tp-smb-bring .tp-smb-bring-main li.active img{display:none;}
.tp-smb-bring .tp-smb-bring-main li.active img+img{display:block;}
.tp-smb-bring .tp-smb-bring-main .tp-smb-bring-list-wrapper{padding-top:3.75em;}
.tp-smb-bring .tp-smb-bring-main .tp-smb-bring-item{padding-bottom:4em;position:relative;cursor:pointer;}
.tp-smb-bring .tp-smb-bring-main .tp-smb-bring-item.active:after{content:'';width:2em;height:2em;background:#F5F7FA;position:absolute;bottom:0;left:50%;margin-left:-1em;transform:rotate(45deg);margin-bottom:-1em;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-wrapper{padding:3em 0 1em;}
.tp-smb-bring .tp-smb-bring-detail h4{font-size:1.25em;font-weight:500;color:inherit;margin-bottom:0.6em;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-1,
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-2,
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-3,
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-4{margin-top:2em;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-1{padding-top:5em;position:relative;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-detail-1:before{content:'';position:absolute;top:2.25em;left:0;right:0;height:1px;background-color:#005564;background-image:linear-gradient(to right, #fff, #005564 10%, #005564 90%, #fff);}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-li{position:relative;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-li:before{content:'';position:absolute;top:-4em;left:50%;width:2.5em;height:2.5em;margin-left:-1.25em;background:rgba(0,85,100,0.40);border-radius:50%;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-li:after{content:'';position:absolute;top:-3.375em;left:50%;width:1.25em;height:1.25em;margin-left:-0.625em;background:#005564;border-radius:50%;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-bg{color:#fff;padding:3.75em 1em 3.375em;min-height:7.5em;border-radius:4px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;    background-color:#ccc;box-sizing:border-box;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-img{margin-top:2em;text-align:center;position:relative;line-height:0;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-img img{max-width:100%;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage{color:#005765;line-height:1.6;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage h4{font-size:1em;font-weight:700;margin-bottom:0.25em;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage p{font-size:0.9em;line-height:1.25;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage1{text-align:right;position:absolute;top:30%;right:73%;width:18%;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage2{text-align:left;position:absolute;top:1%;left:74.5%;width:18%;}
.tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage3{text-align:right;position:absolute;top:73%;right:69.5%;width:18%;}
.tp-smb-bring .tp-smb-bring-bottom{padding-top:1em;}
.tp-smb-bring .tp-smb-bring-mobile{display:none;}

@media (max-width:1440px){
  .tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage1{width:27%;}
  .tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage2{width:25%;}
  .tp-smb-bring .tp-smb-bring-detail .tp-smb-bring-manage3{width:27%;}
}

@media (max-width:736px){
  .tp-smb-bring{margin-top:0;background:#36444B;padding-bottom:1.875em;}
  .tp-smb-bring h2{font-size:1.25em;line-height:1.2;}
  .tp-smb-bring p{font-size:0.875em;line-height:1.14285714;}
  .tp-smb-bring .tp-smb-bring-main{padding-top:1.75em;background:none;}
  .tp-smb-bring .tp-smb-bring-main .tp-smb-bring-list-wrapper,
  .tp-smb-bring .tp-smb-bring-detail,
  .tp-smb-bring .tp-smb-bring-bottom{display:none;}
  .tp-smb-bring .tp-smb-bring-mobile{display:block;}
  .tp-smb-bring .tp-smb-bring-mobile .tp-smb-bring-detail-text{position:relative;margin:3em 20px 12px;background:#fff;border-radius:4px;padding:2.5em 1em 3.5em;box-sizing:border-box;}
  .tp-smb-bring .tp-smb-bring-mobile .tp-smb-bring-detail-text img{position:absolute;left:0;right:0;margin:auto;top:-2em;max-width:3.75em;box-shadow:0 2px 5px 0 rgba(0,0,0,0.20);border-radius:50%;}
  .tp-smb-bring .tp-smb-bring-mobile .tp-smb-bring-detail-text h2{font-size:1em;}
  .tp-smb-bring .tp-smb-bring-mobile .tp-smb-bring-detail-text p{font-size:0.875em;}
  .tp-smb-bring .tp-smb-bring-mobile .swiper-pagination-bullet{width:12px;height:12px;margin:0 10px;background:rgba(255,255,255,0.30);}
  .tp-smb-bring .tp-smb-bring-mobile .swiper-pagination-bullet-active{background:#fff;}
  .tp-smb-bring .tp-smb-bring-mobile .tp-smb-bring-detail-link{position:absolute;left:0;right:0;bottom:1em;}
}

.tp-smb-other-menu{font-weight:500;}
.tp-smb-other-menu .tp-smb-other-menu-wrapper{padding:3.75em 0;}
.tp-smb-other-menu .tp-smb-other-menu-list-wrapper{background:#F7F8FA;padding:3.75em 0;}
.tp-smb-other-menu .tp-smb-other-menu-list{text-align:justify;line-height:0;}
.tp-smb-other-menu .tp-smb-other-menu-list:after{content:'';display:inline-block;width:100%;height:0;}
.tp-smb-other-menu .tp-smb-other-menu-item{font-size:16px;display:inline-block;vertical-align:middle;max-width:30%;text-align:center;}
.tp-smb-other-menu .tp-smb-other-menu-item a{font-size:1.75em;line-height:1.25;color:inherit;text-decoration:none;}
.tp-smb-other-menu .tp-smb-other-menu-item a:hover{color:#4acbd6;}
.tp-smb-other-menu .tp-smb-other-menu-line{display:inline-block;width:1px;height:1.875em;opacity:0.35;background:#005564;margin:0 1em;}
@media (max-width:1440px){
  .tp-smb-other-menu .tp-smb-other-menu-item{font-size:14px;}
}
@media (max-width:1024px){
  .tp-smb-other-menu .tp-smb-other-menu-item{font-size:12px;}
}
@media (max-width:736px){
  .tp-smb-other-menu{margin-bottom:3em;background:#F7F8FA;}
  .tp-smb-other-menu .tp-smb-other-menu-wrapper{padding:0;}
  .tp-smb-other-menu .tp-smb-other-menu-item.tp-smb-other-menu-empty{display:none;}
  .tp-smb-other-menu .tp-smb-other-menu-list-wrapper{padding:0;background:transparent;}
  .tp-smb-other-menu .tp-smb-other-menu-list{text-align:unset;}
  .tp-smb-other-menu .tp-smb-other-menu-item{font-size:16px;display:block;text-align:left;max-width:none;}
  .tp-smb-other-menu .tp-smb-other-menu-item a{font-size:1em;display:block;padding:1.25em 0;}
  .tp-smb-other-menu .tp-smb-other-menu-line{display:block;width:auto;height:1px;margin:0;background:rgba(54,68,75,0.16);opacity:1;}
}