@charset "UTF-8";
/* ********************************************
 * Typography
 * ********************************************/

@font-face {
  font-family: '新細明體';
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: '細明體';
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: '微軟正黑體';
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: 'PMingLiu';
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: 'Microsoft Jhenghei';
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

body {
  margin: 0px;
  -webkit-text-size-adjust: 100%;
}

.owf-reset,
.owf-reset input,
.owf-reset select,
.owf-reset button,
.owf-reset textarea,
.owf-reset h1,
.owf-reset h2,
.owf-reset h3,
.srch-maintop,
.srch-maintop select,
.srch-WPBody,
.srch-Page {
  font-size: 100%;
  font-family: 'Open Sans', '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif;
  line-height: 1.6;
}

#site-wrapper {
  font-size: 13px;
  color: #333333;
}
/* ********************************************
 * SharePoint Style Overrides
 * ********************************************/

#s4-ribbonrow,
#globalNavBox {
  height: auto !important;
}

.ms-core-webpartadder {
  z-index: 1;
}

.ms-cui-TabRowRight .ms-welcome-root {
  padding-top: 4px;
}

.ms-cui-TabRowRight .ms-siteactions-normal {
  height: 34px;
}

.ms-cui-TabRowRight .ms-core-menu-root {
  padding-top: 13px !important;
  vertical-align: top;
}

.ms-cui-TabRowRight .ms-siteactions-imgspan {
  vertical-align: top;
}

.right-wp-zone-col {
  display: none;
}

.ewiki-margin + .edit-mode-border {
  position: relative;
}

.ewiki-margin + .edit-mode-border .owf-edit-button-container {
  right: -75px;
}

.error-content .content-left,
.error-content .content-right,
.error-content .owf-section-main {
  margin-top: -18px;
}

/* ********************************************
 * CSS Reset
 * ********************************************/

.owf-reset caption {
  text-align: left;
}

.owf-reset table {
  border-spacing: 0 2px;
  border-collapse: collapse;
}

.owf-reset h1,
.owf-reset h2,
.owf-reset h3 {
  margin: auto;
  font-weight: normal;
  color: inherit;
}

.owf-reset h1 {
  font-size: 2em;
}

.owf-reset h2 {
  font-size: 1.43em;
}

.owf-reset img {
  max-width: 100%;
  border: none;
}

.owf-reset a,
.owf-reset a:hover {
  text-decoration: none;
}

.owf-reset a,
.owf-reset a:visited {
  color: inherit;
}

.owf-reset *:focus {
  outline: none;
}

select::-ms-expand {
  display: none;
}

/* ********************************************
 * Global Styles
 * ********************************************/

#main-container {
  margin: auto;
  width: 998px;
}

.owf-content-container:before,
.owf-content-container:after {
  content: '';
  display: block;
  margin: -1px 0;
  border-top: 1px solid transparent;
}

.owf-content-container .content {
  margin: auto;
  position: relative;
}

/*  Border  */
.content-left,
.content-right {
  float: left;
}

.content-left {
  width: 249px;
}

.content-right {
  width: 37px;
}

/*Content*/
.owf-content {
  position: relative;
  font-size: 0.95em;
  clear: both;
}

.owf-content a,
.owf-content a:visited {
  color: #0b808c;
}

.owf-content p {
  margin: 0 0 1.5em 0;
}

.owf-content p.font-2 {
  font-size: 13px;
}

.owf-content p:empty:before {
  content: '\200b';
}

.owf-content ul {
  list-style: none;
  padding-left: 25px;
  margin: 0 0 1.5em 0;
}

.owf-content ul li {
  position: relative;
}

.owf-content ul li:before {
  content: '>';
  position: absolute;
  left: -25px;
}

.owf-content ul ul li:before {
  content: '\25CF';
  font-size: 0.6em;
  top: 0.6em;
}

.owf-content ol {
  list-style: decimal;
  padding-left: 25px;
  margin: 0 0 1.5em 0;
}

.owf-content table {
  border-collapse: separate;
  margin: 0 0 1.5em 0;
}

.owf-content table:not([width]) {
  width: 100%;
}

.owf-content tbody:not([valign]) {
  vertical-align: middle;
}

.owf-content table tr {
  background-color: #c6eae9;
}

.owf-content table tr:nth-child(2n + 1) {
  background-color: #dff4f3;
}

.owf-content table tr td,
.owf-content table tr th {
  height: 42px;
  padding: 5px 0;
}

.owf-content table tr td:first-child,
.owf-content table tr th:first-child {
  padding-left: 11px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.owf-content table tr td:last-child,
.owf-content table tr th:last-child {
  padding-right: 11px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.owf-content table tr td:last-child:empty,
.owf-content table tr th:last-child:empty {
  width: 20%;
}

.owf-content table tr td p,
.owf-content table tr td ul,
.owf-content table tr td ol,
.owf-content table tr th p,
.owf-content table tr th ul,
.owf-content table tr th ol {
  /*margin: 0 0 1em 0;*/
  margin: 0;
}

/*  List Table */
.owf-content table.list-table {
  border-spacing: 0;
}

.owf-content table.list-table tr td {
  background: #dff4f3;
  padding-left: 21px;
}

.owf-content table.list-table tr th {
  padding-left: 11px;
  font-weight: normal;
}

.owf-content table.list-table tr td,
.owf-content table.list-table tr th {
  padding-bottom: 20px;
  position: relative;
  border-radius: 0;
}

.owf-content table.list-table tr td:after,
.owf-content table.list-table tr th:after,
.owf-content table.list-table tr td:first-child:after,
.owf-content table.list-table tr th:first-child:after,
.owf-content table.list-table tr td:last-child:after,
.owf-content table.list-table tr th:last-child:after {
  content: '';
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 10px;
  border-bottom: 1px dashed #000;
}

.owf-content table.list-table tr td:first-child:after,
.owf-content table.list-table tr th:first-child:after {
  left: 20px;
}

.owf-content table.list-table tr td:last-child:after,
.owf-content table.list-table tr th:last-child:after {
  right: 20px;
}

.owf-content .list-table tr:first-child td:first-child,
.owf-content .list-table tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

.owf-content .list-table tr:first-child td:last-child,
.owf-content .list-table tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

.owf-content .list-table tr:last-child td:first-child,
.owf-content .list-table tr:last-child th:first-child {
  border-bottom-left-radius: 5px;
}

.owf-content .list-table tr:last-child td:last-child,
.owf-content .list-table tr:last-child th:last-child {
  border-bottom-right-radius: 5px;
}

.owf-content .arrow-link {
  background-image: url('./arrow.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
  line-height: 20px;
  float: left;
  vertical-align: middle;
  background-position: left center;
}

.dd-options {
  max-height: 400px;
}
/* ********************************************
 * Header
 * ********************************************/

header {
  position: relative;
  z-index: 20;
  background-color: #fff;
}

header:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 50%;
  background-color: #acacaf;
}

header:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 50%;
  bottom: 0;
  background-color: #cccccc;
}

header .content {
  position: relative;
  z-index: 2;
  background-color: #fff;
  max-width: 1366px;
  margin: auto;
}

header .logo {
  font-size: 0;
}

/* ********************************************
 * Left Nagviation Menu
 * ********************************************/
nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 221px;
  line-height: 130%;
  z-index: 20;
}

nav .menu-top {
  height: 38px;
  background-image: url('./nav_top_gradient.jpg');
}

nav .menu-bottom {
  height: 221px;
  background-image: url('./frameleft.jpg"');
}

nav a {
  width: 221px;
  display: block;
  position: relative;
  background-image: url('./nav_middle.jpg');
  background-position: left top;
  background-repeat: no-repeat;
}

nav a,
nav a:visited,
nav a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

nav a:hover,
nav a.selected {
  background-image: url('./nav_over.jpg');
}

/* nav a:before {
  content: '';
  height: 100%;
  width: 1px;
  margin-left: -1px;
  display: inline-block;
  vertical-align: middle;
} */

nav a:after {
  content: '';
  height: 2px;
  width: 221px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url('./nav_separator.jpg');
}

nav a.size-1 {
  /* height: 30px; */
  padding: 10px 0px;
}

nav a.size-2 {
  /* height: 52px; */
  padding: 10px 0px;
}

nav a.size-3 {
  /* height: 64px; */
  padding: 10px 0px;
}

/* nav a.size-3:before {
  content: none;
} */

nav a > span {
  padding: 0 20px 0 30px;
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
  vertical-align: middle;
}

/* nav a.size-3 > span {
  display: block;
  padding-top: 8px;
  padding-bottom: 6px;
} */
/* ***************************************************
 * Footer
 * ***************************************************/

footer {
  padding: 10px 12px;
  clear: both;
  background-color: #fff;
}

footer .content a,
footer .content a:visited,
footer .content a:hover {
  padding-right: 5px;
  color: #ff0000;
  text-decoration: underline;
}

footer .content span + a {
  padding-left: 5px;
}

footer .copyright {
  margin-left: 12px;
}
/* ***************************************************
 * Content Block: Content
 * ***************************************************/
.owf-section-main {
  width: 647px;
  min-height: 420px;
  padding: 0 29px 0 36px;
  float: left;
}

.owf-section-main .title {
  position: absolute;
  top: -58px;
  left: 15px;
  color: #fff;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 33px;
  z-index: 21;
}

.sub-nav-list {
  width: 100%;
  height: 66px;
  margin-bottom: 16px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  display: flex;
}
.sub-nav-content {
  display: none;
}
.sub-nav-content.active {
  display: block;
}
.sub-nav {
  height: 100%;
  padding: 3px 8px 3px 8px;
  /* margin-right: 4px; */
  float: left;
  position: relative;
  background: #8dd6dc;
  box-sizing: border-box;
  line-height: 20px;
  word-wrap: break-word;
  word-break: break-word;
  cursor: pointer;
}

.sub-nav:first-child,
.sub-nav.selected:first-child {
  border-top-left-radius: 5px;
}

.sub-nav:last-child,
.sub-nav.selected:last-child {
  margin-right: 0;
  border-top-right-radius: 5px;
}

.sub-nav.selected {
  background: url('./subnav_selected.jpg');
  background-repeat: repeat-x;
}

.sub-nav:after {
  content: '';
  position: absolute;
  top: 1px;
  left: -4px;
  width: 4px;
  height: 66px;
  background: url('./subnav_separator.jpg') no-repeat #8dd6dc;
  background-position: top;
}

.sub-nav:first-child:after {
  content: none;
}

.sub-nav a,
.sub-nav span,
.sub-nav a:visited {
  width: 100%;
  height: 100%;
  display: block;
  color: #065963;
  font-weight: bold;
}
/* ***************************************************
 * Static Page: error page
 * ***************************************************/
.owf-static-page header:before,
.owf-static-page header:after,
.owf-static-page .owf-content-container:before,
.owf-static-page .owf-content-container:after {
  content: none;
}

.owf-static-page header {
  margin-top: 10px;
}

.owf-static-page header .logo {
  height: 90px;
  position: static;
  text-align: right;
}

.owf-static-page header .logo img {
  height: 100%;
}

.owf-error-content {
  font-size: 16px;
  margin-top: 50px;
  text-align: center;
}

.owf-filter-table {
  display: none;
}
.owf-filter-table.active {
  display: block;
}
/* ********************************************
 * Print
 * ********************************************/
@media print {
  nav {
    display: none !important;
  }
}

/* ********************************************
 * Edit mode style
 * ********************************************/

.owf-section-editor .noindex {
  text-align: right;
}

.ex-authoring p.answer {
  display: block;
}

.ex-authoring .owf-content-block.ex-edit-placeholder {
  height: 75px;
}

.ex-authoring .owf-static-banner {
  position: relative;
  z-index: 1;
}

a.hke-redirect {
  min-width: 200px;
  display: inline-block;
}

a.hke-redirect:before {
  content: attr(href) !important;
  color: #1442ae;
}

.ex-authoring [data-richtext]:before,
.ex-authoring [data-richtext]:after {
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wQRCBEvxILdkQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAD0lEQVQI12NgwA58BlQQAIOCAcn2k9rcAAAAAElFTkSuQmCC);
  line-height: 0.75;
  font-size: 80%;
  font-weight: bold;
  color: #666;
  text-align: center;
  text-transform: uppercase;
  text-shadow: -2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white, 2px -2px 0 white;
}

.ex-authoring [data-richtext]:before {
  content: 'Rich Text Content';
}

.ex-authoring [data-richtext]:after {
  content: '\200b';
}

@-webkit-keyframes blink {
  50% {
    border-color: transparent;
  }
}

@-moz-keyframes blink {
  50% {
    border-color: transparent;
  }
}
.owf-filter-table table td:nth-child(1) {
  width: 330px;
}