/* font-family: 'Righteous', 'Noto Sans TC', sans-serif; 英文圓體,中文黑體 */
/* reset & default ==================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif; font-size: 16px; }
:focus { outline: none; }
ul,ol,li { list-style: none; }
a { text-decoration: none; }
button { vertical-align: bottom; background-color: #eee; border: 1px solid #999;
  font-size: 15px; padding: 1px 0.3rem; margin-bottom: 1px; 
  white-space: nowrap; cursor: pointer; }
button:hover { background-color: black; color: white; }
input[type=submit], input[type=reset], input[type=button] { cursor: pointer; }

.bgc-darkred { background-color: #740000; color: white; }
.bgc-dark2 { background-color: rgba(0, 0, 0, 0.2); color: darkgrey; }

.font-white { color: white; }
.font-darkred { color: #740000; }

.font-bold { font-weight: bold; }

.w100p { width: 99%; }

.nowrap { white-space: nowrap; }

/* sidebar 區域的設計 ==================================================== */
.TS-menu-close, .TS-menu-close-l { display: block; width: 100%; border: none; padding: 8px 16px; cursor: pointer; }

#mySidebar { width: 200px; box-shadow: 3px 0 3px rgba(0, 0, 0, 0.5); position: relative;}

.TS-sidebar h1 { font-size: 1.5rem; margin: 1rem 0; line-height: 1em; }
.TS-sidebar h2 { font-size: 1rem; margin: 10px 0 5px; }

.TS-sidebar a { display: block; padding: 1px 16px; }
.TS-sidebar a:hover { background-color: rgba(255, 105, 180, 0.2); }

button.w3-bar-item { cursor: pointer; margin-bottom: 5px; width: 100%; border: none; }
button.w3-bar-item+div { margin-top: -5px; margin-bottom: 5px; }

.TS-sidebar .login-info { padding: 8px 0; background-color: #000; color: #fff; }


/* 右側內容區域的設計 ===================================================== */
.showSidebar { position: absolute; left: 0; top: 0; }
.w3-main { padding: 1rem 2rem 2rem; margin-left: 200px; }

.logo { width: 80%; max-width: 350px; }
.w3-main h1 { font-size: 1.8rem; margin-bottom: 30px; }
@media(max-width:500px){
  .logo { padding-top: 10px; }
  .w3-main h1 { font-size: 18px; margin-bottom: 20px; }
}

.colTitle { color: #bbb; padding-left: 5px; }

.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th { padding: 5px 3px; }
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child { padding-left: 3px; }


.formLogin { max-width: 800px; margin: 50px auto; padding: 30px; }

.bgcolor1 { background-color: #00adc3!important; color: #333!important; }
.color1 { color: #00adc3!important; }