/* sidebar2 php */

/*VERTICAL MENU*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);

#sidebar2 nav.vertical{
  position: relative;
  width: 260px;
  padding: 0px 10px;
}

/* ALL UL */
#sidebar2 nav.vertical ul{
  list-style: none;
  padding-left: 0px;
}
/* ALL LI */
#sidebar2 nav.vertical li{
  position:relative;
}

/* ALL A */
#sidebar2 nav.vertical a{
  display:block;
  color:#ffffff;
  text-decoration:none;
  padding: 12px 15px;
  /*background: #FFA94D;*/
  transition:0.2s;
  float: left;
  width: 100%;
  font-weight: 400;
}

#sidebar2 nav.vertical a :hover,
#sidebar2 nav.vertical a #stext :active {
  font-weight: bold !important;
}

/* ALL A HOVER */
#sidebar2 nav.vertical li:hover > a,
#sidebar2 nav.vertical li.selected > a {
  background:#2c2c2c;
  color: #ff852c;
  font-weight: bold !important;
}

/* INNER UL HIDE */
#sidebar2 nav.vertical ul ul{
  position:absolute;
  left:0%;
  top:0;
  width: max-content;
  display: table;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}
/* INNER UL SHOW */
#sidebar2 nav.vertical li:hover > ul{
  left:100%;
  visibility: visible;
  opacity:1;
  transform: translateX(0px);
}

#sidebar2 nav.vertical li > ul > li > a {
    background: white;
    color: #434343;
    box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);
    font-weight: 400;
}

#sidebar2 nav.vertical li > ul > li:hover > a,
#sidebar2 nav.vertical li > ul > li.selected > a {
    background: white;
    color: #ff852c;
}


/* end of sidebar 2 php */

.content {
  overflow-x: hidden;
  /*margin-bottom: 150px;
  min-height: calc(100vh - 74px);*/
  position: relative;
  /*width: calc(100vw - 280px);*/
  width: -webkit-fill-available;
}
/*
.modal-dialog,
.modal-content{
  min-width: 50vw !important;
}
*/
b {
  font-weight: bold !important;
}

.modal-content,
.modal-content *,
table,
tbody,
tr,
td {
  font-size: 100% !important;
}
h1 {
  font-size: 220% !important;
}
h2 {
  font-size: 200% !important;
}
h3 {
  font-size: 190% !important;
}
h4 {
  font-size: 170% !important;
}
h5 {
  font-size: 130% !important;
}

.modal-lg {
  max-width: 930px !important;
}


div {
  font-size: 101% !important;
  /* font-weight: bold; */
  font-family: "Noto Sans TC", "Noto Sans SC", sans-serif;
}