body {
    font-family: "微軟正黑體";
}

/* icon */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(assets/fonts/MaterialIcons-Regular.woff) format('woff'),
       url(assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* 全域class */

.full-width {
    max-width: 100% !important;
    width: 100% !important;
}

.hide {
    display: none !important;
}

md-divider.thick {
    border-top-width: 3px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.pull-right {
  float: right;
}

.red {
  color: red;
}

/* 導覽列 */

.btn-group > button {
	position: relative;
    float: left;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
    border-radius: 4px;
}

.btn-group > button:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > button + button {
    margin-left: -1px;
}

.btn-group > button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group > button:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > button.active {
    border-color: white;
    background-color: white !important;
}

.btn-large > button {
    border-radius: 0;
}

.btn-large > button:first-child:not(:last-child) {
    border-width: 0px 1px 0px 0px;
}

.btn-large > button + button {
    border-width: 0px 1px 0px 1px;
}

.btn-large > button:last-child:not(:first-child) {
    border-width: 0px 0px 0px 1px;
}

button.md-icon-button {
    line-height: 36px !important;
}

button#showSideNav {
    position: fixed; 
    bottom: 20px;
    right: 20px; 
    padding: 0px;
}

button#showSideNav > md-icon {
    height: 56px;
    width: 56px;
}

button#showSideNav > md-icon > span {
    line-height: 56px;
    font-size: 42px;
}

button#closeSideNav {
    position: absolute;
    left: 0px;
    top: 14px;
    margin: 0px;
    padding: 0px 0px 0px 24px;
}

button#closeSideNav > md-icon {
    position: absolute; 
    left: 0px; 
    top: 6px;
}

md-icon#closeSideNav {
    position: absolute; 
    left: 0px; 
    top: 6px;
    line-height: 36px;
}

/* 主內容 */

md-tabs.noTabPanel md-tabs-wrapper {
    display: none !important;
}

md-tab-content {
  min-height: calc(100vh - 64px);
}