/* 全局样式 */
body, .content-wrapper, .right-side {
  font-family: 'Microsoft YaHei', sans-serif;
  background-color: white !important;
}

  
/* 标题栏样式 #00BCD4*/
.skin-blue .main-header .logo {
  background-color: #2C3E50 !important;
  color: white;
  font-weight: bold;
}

.skin-blue .main-header .navbar {
  background-color: #2C3E50 !important;
}

/* 侧边栏样式 */


/* 内容区域样式 */
.content-wrapper {
  background-color: white !important;
}



/* box区域样式 */
.box1 .box-header { display: none }



/* Footer区域样式 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#2C3E50;
  color: white;
  text-align: center;
  padding: 10px;
  z-index: 1000;
  height:65px;
}

/* sub-button in mainpage */
.btn_primary {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  font-size: 13px;
  line-height: 29px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  width: 80px;
}

.btn_primary: hover {
  border-color: #dadce0;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 1px;
  color: #202124;
}







/* 响应式设计 */
@media (max-width: 768px) {
  .hero-section h1 {
    font-size: 2em;
  }
  
  .hero-section h3 {
    font-size: 1.2em;
  }
  
  .product-grid {
    grid-template-columns: 1fr;
  }
}