body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html { height: 100%; line-height: 1.8;}
input, textarea { border-radius: 0px; }
a { word-wrap: break-word; word-break: break-word; }

.bgimg-1 { background-position: center; background-size: cover; }
.w3-bar .w3-button { padding: 16px 8px; }
.w3-sidebar { width: 80%; }

.site-main { max-width:1564px; margin-top: 70px; }
.site-section { padding:32px 16px; }
.site-subsection { padding:16px; }
.site-slide-box { margin-top: 50px; }
.site-bar-item { height: 40px; }
.site-sidebar { top: 0px; }
.site-slide-img, .site-slide-text { display: none; width: 100%; }
.site-category { width: 100%; height: 350px; }
.site-pointer { cursor: pointer; }
.site-header { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-tag { margin-bottom: 5px; max-width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-nospace { white-space: nowrap; }
.site-link { text-decoration: none; word-wrap: break-word; word-break: break-word; } .site-link:hover { text-decoration: underline; }
.site-icon-margin { margin-right: 3px; }
.site-content, .site-main { 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; left: 0; background-color: #fff; text-align: right; width: 100%; box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 16%); }
.site-submenu-btm { position: absolute; left: 0; width: 100%; background-color: #000; padding-bottom: 20px; }
.site-profile { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-login { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-list { list-style-type: none; margin: 0px; padding: 0px; }
.site-apply { width: 100%; }
.site-sticky { display: block; top: 80px; position: -webkit-sticky; position: sticky; }
.site-thumbnail { width: 80%; }
.site-img-thumb { background-size: contain; background-color: transparent; background-repeat: no-repeat; height: 200px; background-position: center center; }
.site-search-input-lg { border: none; border-bottom: 1px solid black; width: 160px; transition: width .35s ease-in-out; }
.site-search-input-lg:focus { width: 200px; }
.site-search-input-sm { border: none; border-bottom: 1px solid white; background-color: transparent; color: white; margin: 8px 8px 8px 16px; width: 130px; transition: width .35s ease-in-out; }
.site-search-input-sm:focus { width: 170px; }
.site-search-salary { margin: 12px 0px 8px 12px; }
.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]::-moz-range-thumb { transform: translateY(-8px); }
.site-multi-range > input[type=range]::-moz-range-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 { -webkit-appearance: none; height: 0px; }
.site-textarea { height: 156px; }
.site-highlight { vertical-align: top; padding: 0px; background-color: #eee; }
.site-date-input { width: 40%; }

.doc_label { font-size: 120%; font-weight: bold; padding-right: 12px !important; padding-top: 12px !important; }
.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 { list-style-type: none; margin: 0px; padding: 0px; }

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

@media (min-width: 300px) {
  .bgimg-1 { min-height: 70%; }
  .doc_input { width: 80%; }
  .doc_headinput { width: 80%; float: right; }
  .doc_field, .doc_data { padding-top: 0px !important; }
}
@media (min-width: 600px) {
  .bgimg-1 { min-height: 100%; }
  .doc_input { width: 80%; }
  .doc_headinput { width: 70%; float: right; }
  .doc_field { padding-top: 15px !important; }
  .doc_data { padding-top: 6px !important; }
}