/* Forms
   ========================================================================== */
/**
  * Vertical alignment
  * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text
  */
button,
input:not([type="radio"]):not([type="checkbox"]),
select {
  vertical-align: middle;
}
/**
 * Fix viewport for IE10 snap mode
 * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
 * http://msdn.microsoft.com/en-us/library/ie/hh869615%28v=vs.85%29.aspx
 * http://msdn.microsoft.com/zh-cn/library/ie/hh708740(v=vs.85).aspx
 * @2014.01.20: 设置一下属性以后，windows Phone 8 上显示的字体过小，暂时注释掉
 * ========================================================================== */
/*
@-ms-viewport {
  width: device-width;
}
*/
.am-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
/* ==========================================================================
   Component: OffCanvas Plugin
 ============================================================================ */
/* Off-canvas overlay and bar container */
.am-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1090;
  background: rgba(0, 0, 0, 0.15);
}
.am-offcanvas.am-active {
  display: block;
}
/**
 * .@{ns}offcanvas-page
 *
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 */
.am-offcanvas-page {
  position: fixed;
  /* 1 */
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  /* 2 */
}
/* Sub-object .@{ns}offcanvas-bar */
.am-offcanvas-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1091;
  width: 220px;
  max-width: 100%;
  background: #333;
  overflow-y: auto;
  /* scrollable */
  -webkit-overflow-scrolling: touch;
  /* scrollable */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.am-offcanvas-bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: #262626;
}
.am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
/* .@{ns}offcanvas-bar-flip */
.am-offcanvas-bar-flip {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.am-offcanvas-bar-flip:after {
  right: auto;
  left: 0;
}
.am-offcanvas-content {
  padding: 15px;
  color: #999;
}
.am-offcanvas-content a {
  color: #ccc;
}
/* ==========================================================================
   Component: Tabs Plugin
 ============================================================================ */
.am-tabs-bd {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: none;
  z-index: 100;
  -webkit-transition: height .3s;
  transition: height .3s;
}
.am-tabs-bd:before,
.am-tabs-bd:after {
  content: " ";
  display: table;
}
.am-tabs-bd:after {
  clear: both;
}
.am-tabs-bd .am-tab-panel {
  position: absolute;
  top: 0;
  z-index: 99;
  float: left;
  width: 100%;
  padding: 10px 10px 15px;
  visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.am-tabs-bd .am-tab-panel * {
  -webkit-user-drag: none;
}
.am-tabs-bd .am-tab-panel.am-active {
  position: relative;
  z-index: 100;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.am-tabs-bd .am-tab-panel.am-active ~ .am-tab-panel {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.am-tabs-bd .am-tabs-bd {
  border: none;
}
.am-tabs-bd-ofv {
  overflow: visible;
}
.am-tabs-bd-ofv > .am-tab-panel {
  display: none;
}
.am-tabs-bd-ofv > .am-tab-panel.am-active {
  display: block;
}
.am-tabs-fade .am-tab-panel {
  opacity: 0;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.am-tabs-fade .am-tab-panel.am-in {
  opacity: 1;
}