:root{
  --theme-hue: 358;
  --theme-saturation: 78%;
  --theme-lightness: 54%;
  --theme-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

/*corver*/
section.cover.has-mask .mask{
  opacity: .5;
}

/*siderbar*/
.sidebar{
  background: #f9f9f9;
}

.sidebar-toggle{
  background: rgba(249, 249, 249, .5);
}

.sidebar-banner{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--theme-color);
  font-weight: bold;
}

.sidebar-logo{
  width: 32px;
  height: 32px;
  margin-right: 5px;
}

/*content*/
.markdown-section{
  margin: 0;
  /*padding: 30px 15px 40px 60px;*/
    max-width: 1000px;
}

.support-platform-icon{
  font-size: 24px;
}

.success-color{
  color: #54a431;
}

.error-color{
  color: #ff5354;
}

.warning-color{
  color: #ff9209;
}

table th{
  white-space: nowrap;
  background: #f8f8f8;
}

table tbody tr td:first-child{
  white-space: nowrap;
}

table tbody tr:nth-child(2n){
  background: white !important;
}

/*simulator*/
.ui-demo-simulator{
  position: fixed;
  right: 0;
  top: 60px;
  width: 28%;
  height: 800px;
  background: center top no-repeat url(../image/devices-sprite.jpg);
  background-size: 467px;
  margin: 0 auto;
}

.ui-demo-simulator-content{
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.ui-demo-simulator-frame{
  width: 320px;
  height: 568px;
  margin-top: 85px !important;
  border: none !important;
}

.markdown-section blockquote{
  color: #34495e;
}

.markdown-section blockquote p{
  font-weight: 400;
}

.markdown-section table{
  font-size: 14px;
}

.markdown-section td, .markdown-section th{
  padding: 8px 13px;
}