body {font-family: "Open Sans", 'Noto Sans HK', 'Arial Unicode MS', sans-serif}
h1,h2,h3,h4,h5,h6 {font-family: "Merriweather", 'Noto Sans HK', 'Arial Unicode MS', serif; letter-spacing: 1px; word-wrap: break-word; word-break: break-word; }
body, html { height: 100%; line-height: 1.8;}
input, textarea { border-radius: 0px; }
select { border-radius: 8px; background-color: #fff; color: #000; }
input[type=radio] { border-radius: 50%; }
strong { word-wrap: break-word; word-break: break-word; }
div.w3-section a:not(.w3-button, .w3-btn, .w3-hover-opacity, .w3-tag, .site-link, .site-href) {
  text-decoration: none; border-bottom: 1px dotted black; padding-bottom: 3px; word-wrap: break-word; word-break: break-word; }
div.w3-section a:not(.w3-button, .w3-btn, .w3-hover-opacity, .w3-tag, .site-link, .site-href):hover { text-decoration: none; border-bottom: 1px solid black; padding-bottom: 3px; }

.w3-bar .w3-button { padding: 16px 8px; }
.w3-sidebar { width: 80%; }
.w3-top, .w3-bottom { z-index: 10; }
.w3-amber { color: #fff!important; background-color: #ed9100!important; }
.w3-light-amber { color: #ed9100!important; background-color: #fdf1de!important; }
.w3-hover-amber:hover { color: #ed9100!important; background-color: #fdf1de!important; }
.w3-lime { color: #fff!important; background-color: #56bc7e!important; }
.w3-light-lime { color: #56bc7e!important; background-color: #e4f5eb!important; }
.w3-hover-lime:hover { color: #56bc7e!important; background-color: #e4f5eb!important; }
.w3-orange { color: #ed9100!important; background-color: transparent!important; border: 1px solid #ed9100!important; min-width: 50%; }
.w3-hover-orange:hover { color: #fff!important; background-color: #ed9100!important; min-width: 50%; }
.w3-green { color: #56bc7e!important; background-color: transparent!important; border: 1px solid #56bc7e!important; min-width: 50%; }
.w3-hover-green:hover { color: #fff!important; background-color: #56bc7e!important; min-width: 50%; }
.w3-text-lime { color: #55bc7e!important; }
.w3-menu, .w3-menu-2 { border-bottom: 2px solid transparent!important; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.w3-menu:hover { border-bottom: 2px solid #55bc7e!important; } 
.w3-menu-2:hover { border-bottom: 2px solid #ed9100!important; } 
.w3-menu-selected { border-bottom: 2px solid #ed9100!important; } 
.w3-bar .w3-menu, .w3-bar .w3-menu-2 { padding: 16px 8px; }
.w3-select { border: 1px solid #000; margin-top: 2px; }
.w3-hoverable tbody tr:hover { background-color: #e4f5eb!important; }
.w3-striped tbody tr:nth-child(even) { background-color: #f1fbf5; }
.w3-modal { padding-bottom: 100px; }
.w3-section img { max-width: 100%; }

.site-main { max-width:1564px; margin-top: 120px; }
.site-section { padding:32px 16px; }
.site-subsection { padding:16px; }
.site-slide-box { margin-top: 100px; }
.site-bar-item { height: 40px; }
.site-bar-hrm { width: 144px; padding: 10px; }
.site-bar-back { height: 15px; }
.site-sidebar { top: 0px; z-index: 12; }
.site-category { width: 100%; height: 350px; }
.site-pointer { cursor: pointer; }
.site-header { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-footer { background-position: left center; background-size: cover; min-height: 100%; }
.site-tag { margin: 2px 0px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-nospace { white-space: nowrap; }
.site-href { text-decoration: none; border: none; } .site-href:hover { border: none; }
.site-link { text-decoration: none; word-wrap: break-word; word-break: break-word; border: none; } .site-link:hover { text-decoration: underline; border: none; }
.site-icon-margin { margin-right: 3px; }
.site-btn-margin { margin-left: 3px; margin-bottom: 3px; }
.site-content { word-wrap: break-word; word-break: break-word; }
.site-content img, .site-content iframe { max-width: 100%; }
.site-post-line { width: 100%; border: 1px solid transparent; display: flex; margin: 0px; }
.site-menu { padding: 16px; }
.site-menu-item { text-overflow: ellipsis; overflow: hidden; text-align: left; width: 100%; max-width: 100%; }
.site-submenu-top { position: absolute; padding: 8px; background-color: #fff; text-align: right; width: auto; min-width: 200px; border-radius: 8px; box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 16%); }
.site-submenu-top .w3-menu { display: block; text-align: left; }
.site-submenu-btm { position: absolute; left: 0; width: 100%; background-color: #000; padding-bottom: 20px; }
.site-profile { max-width: 150px; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.site-side-menu { max-width: 100%; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; display: block; text-align: left; }
.site-login { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-list { list-style-type: none; margin: 0px; padding: 0px; }
.site-image { width: 100%; }
.site-apply { max-width: 100%; margin: 8px 0px; }
.site-sticky { display: block; top: 120px; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: sticky; z-index: 5; }
.site-thumbnail { width: 80%; }
.site-img-thumb { /* background-size: contain; background-color: transparent; background-repeat: no-repeat; height: 200px; background-position: top center; */ }
.site-search { text-align: right; box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 16%); }
.site-search-input { padding: 5px 16px; transition: width .35s ease-in-out; }
.site-search-salary { margin: 12px 0px 8px 12px; }
.site-search-hrm { border-color: #fff!important; background-color: transparent!important; color:#fff!important; }
.site-multi-range, .site-multi-range * { box-sizing: border-box; padding: 0; margin: 0; }
.site-multi-range { position: relative; width: 80%; height: 32px; }
.site-multi-range > hr { position: absolute; width: 100%; top: 50%; border-top: 1px solid black; }
.site-multi-range > input[type=range] { width: calc(100% - 16px); position: absolute; top: 16px; left: 0; }
.site-multi-range > input[type=range]::-webkit-slider-thumb { transform: translateY(-8px); }
.site-multi-range > input[type=range]::-webkit-slider-runnable-track { -webkit-appearance: none; height: 0px; }
.site-multi-range > input[type=range]::-ms-thumb { transform: translateY(-8px); }
.site-multi-range > input[type=range]::-ms-track { -ms-appearance: none; height: 0px; }
@-moz-document url-prefix() {
  #search-salary-bar { display: none; }
  #search-salary-from { top: 0px; }
}
.site-textarea { height: 156px; }
.site-highlight { vertical-align: top; padding: 0px; background-color: #eee; width: 50%; }
.site-date-input { width: 40%; }
.site-select { padding: 8px 16px; margin: 8px 16px; text-align: left; border: 1px solid black; }
.site-select option { text-align: left; }
.site-select-search { border: none; padding: 8px; }
.site-text-input { border: none; padding: 8px 2px; width: 25%; }
.site-call-for-action { position: fixed; bottom: 0px; right: 0px; margin: 10px; z-index: 9; }
.site-circle { width: 30px; height: 31px; text-align: center; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; }
.site-round { width: 45px; height: 45px; text-align: center; display: inline-flex; flex-wrap: wrap; align-content: space-around; justify-content: center; align-items: center; }
.site-fav-added, .site-fav-added:hover, .site-fav-added:visited { background-color: #f44336 !important; }
.site-tx-quantity { font-weight: bold; }
.site-tx-pending { color: #888; }
.site-label { padding-left: 0px; padding-right: 0px; }
.site-resume-image { background-size: cover; margin: 15px auto; background-repeat: no-repeat; background-position: center center; border-radius: 50%; }
.site-table { border-collapse: collapse; border-spacing: 0px; }
.site-line-normal { line-height: normal; }
.site-border-thick { border-width: thick !important; }
.site-best { position: relative; top: -20px; }
.site-normal { font-weight: normal; }
.site-tooltip { position: absolute; width: 200px; padding: 10px; z-index: 1; }
.site-map-area { width: 100%; height: 350px; max-height: 70%; border: 1px solid black; }
.site-side-menu { padding-right: 16px; }
.site-schedule-main { width: 100%; max-width: 800px; margin: 0px auto; }

.doc_label { font-size: 120%; font-weight: bold; padding-right: 12px !important; padding-top: 12px !important; }
.doc_label:focus, doc_label:active { outline: none; }
.doc_caption { font-size: 100%; font-weight: bold; }
.doc_col_5 { width: 5%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_10 { width: 10%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_15 { width: 15%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_20 { width: 20%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_25 { width: 25%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_30 { width: 30%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_35 { width: 35%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_40 { width: 40%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_45 { width: 45%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_50 { width: 50%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_55 { width: 55%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_60 { width: 60%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_65 { width: 65%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_70 { width: 70%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_75 { width: 75%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_80 { width: 80%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_85 { width: 85%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_col_90 { width: 90%; word-wrap: break-word; word-break: break-word; padding: 2px !important; }
.doc_range_val { border: none; padding: 0px; background-color: transparent; }
.doc_list, .detected_list { list-style-type: none; margin: 0px; padding: 0px; }
.doc_range_lbl { border-bottom: 1px dotted black; }
.doc_range_lbl:focus, doc_range_lbl:active { outline: none; }

@media (max-width: 600px) {
  .site-category { width: 100%; height: 200px; }
  img { max-width: 100%; }
}

@media (min-width: 300px) {
  .doc_input { width: 80%; }
  .doc_headinput { width: 80%; float: right; }
  .doc_field, .doc_data { padding-top: 0px !important; word-wrap: break-word; word-break: break-word; }
  .site-calendar { font-size: 50%; }
  .site-slide { width: 100%; height: 52vw; background-repeat: no-repeat; background-size: cover; background-position: center center; }
  .site-select { max-width: 150px; }
  .site-search-input { width: 80%; }
  .site-search-input:focus { width: 100%; }
}
@media (min-width: 600px) {
  .doc_input { width: 80%; }
  .doc_headinput { width: 70%; float: right; }
  .doc_field { padding-top: 15px !important; }
  .doc_data { padding-top: 6px !important; word-wrap: break-word; word-break: break-word; }
  .site-calendar { font-size: 100%; }
  .site-slide { width: 100%; height: 36vw; background-repeat: no-repeat; background-size: contain; background-position: center center; }
  .site-select { max-width: 250px; }
  .site-search-input { width: 35%; }
  .site-search-input:focus { width: 45%; }
}

.ourdb-progress-content { color: #646464; }