/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    color: #000;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: .35em .75em .625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

caption,
th {
    text-align: left;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    border-bottom: 1px dotted #000;
    cursor: help;
}

html {
    overflow-y: scroll;
}

body {
    background: #FFF;
    font: 62.5%/1.4 Arial, Helvetica, Verdana, sans-serif;
}

[lang="zh-CN"] body,
[lang="zh-HK"] body {
    /*font-family: "Noto Sans TC"!important;*/
}

body.portal-popup {
    background: none;
    padding: 10px;
}

body.configuration-popup {
    padding-bottom: 0;
}

body.portal-iframe {
    padding: 0;
}

body.html-editor {
    background: #FFF;
    color: #000;
}

blockquote,
ul,
ol,
dl {
    margin: 1em;
}

ol,
ul,
dl {
    margin-left: 2em;
}

ol {
    list-style: decimal outside;
}

ul {
    list-style: disc outside;
}

ul ul {
    list-style-type: circle;
}

ol ol {
    list-style-type: upper-roman;
}

dl dd {
    margin-left: 1em;
}

th {
    font-weight: bold;
}

caption {
    margin-bottom: .5em;
    text-align: center;
}

p {
    margin-bottom: 1em;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    margin: 1em 0;
}

h4,
h5,
h6 {
    font-size: 1.1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: bold;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

code,
pre {
    font-family: "Courier New", Courier, monospace;
    white-space: pre;
}

.important {
    font-weight: bold;
}

body.staging,
body.live-view {
    border: 10px solid #F00;
}

body.live-view {
    border-color: #FC0;
}

.portal-iframe.staging {
    border: none;
}

.portal-iframe #main-content {
    width: 100%;
}

.alert-background {
    background: #000;
}

.popup-alert-notice {
    background-color: #FFC;
    border-bottom-color: #FC0;
}

.popup-alert-warning {
    background-color: #FDD;
    border-bottom-color: #F00;
}

.portal-add-content {
    background: #FFF;
    text-align: left;
    z-index: 20;
}

.portal-add-content a {
    text-decoration: none;
}

.loading-animation {
    background: url(../images/progress_bar/loading_animation.gif) no-repeat top center;
    margin-top: 10px;
    padding-top: 40px;
    text-align: left;
}

hr,
.separator {
    border-top: 1px dotted #BFBFBF;
}

.update-available {
    margin-top: 10px;
    padding: 2px;
    text-align: left;
}

.highlight {
    background: #FFC;
    font-weight: bold;
    margin: 0 1px;
}

.aui-state-default {
    background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
}

.aui-state-hover {
    background: #B9CED9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
    border-color: #627782;
}

.aui-state-active {
    background: #EBEBEB url(../images/application/state_active_bg.png) repeat-x 0 0;
    border-color: #555;
}

.results-header {
    background: #D1D6DC;
}

.results-header th,
.results-header td {
    color: #7B7C7F;
    padding: 5px 10px;
}

.results-header .sort-column .result-column-name {
    background: url(../images/arrows/05_up.png) no-repeat 100% 50%;
    display: inline-block;
    font-style: italic;
    padding-right: 15px;
}

.results-header .sort-desc .result-column-name {
    background-image: url(../images/arrows/05_down.png);
}

.results-row td {
    background: none;
    padding: 5px 10px;
}

.results-row.alt td {
    background: #DDE1E6;
}

.results-row.hover td {
    background: #BCC3CC;
}

.portlet-layout.dragging {
    border-collapse: separate;
}

.drop-area {
    background-color: #D3DADD;
}

.active-area {
    background: #FFC;
}

.portlet-boundary.aui-dd-dragging {
    opacity: .6;
}

.portlet-boundary.aui-dd-dragging .portlet {
    border: 2px dashed #ccc;
}

.aui-portal-layout-proxy {
    opacity: 1 !important;
}

.aui-portal-layout-proxy .portlet-topper {
    background-image: none;
}

.aui-proxy {
    cursor: move;
    opacity: .65;
    position: absolute;
}

.aui-proxy.generic-portlet {
    height: 200px;
    width: 300px;
}

.aui-proxy.generic-portlet .portlet-title {
    padding: 10px;
}

.aui-proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px;
}

.aui-resizable-proxy {
    border: 1px dashed #828F95;
    position: absolute;
    visibility: hidden;
}

.aui-sortable-proxy {
    background: #727C81;
    margin-top: 1px;
}

.lfr-freeform-layout-drag-indicator {
    visibility: hidden;
}

.aui-portal-layout-drag-target-indicator {
    margin: 2px 0;
}

.aui-tooltip {
    max-width: 200px;
}

.aui-tagselector-content {
    border-width: 0;
    margin-bottom: 15px;
    padding: 0;
}

.aui-tagselector-content .aui-textboxlistentry-holder {
    background: #fff;
    border: 1px solid;
    border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    overflow: visible;
}

.aui-tagselector .lfr-tag-selector-input {
    background: none;
    padding: 0;
    width: auto;
}

.aui-tagselector-focused .aui-textboxlistentry-holder {
    background: #FFC none;
    border: 1px solid #FC0;
}

.aui-tagselector .aui-field .aui-field-content {
    margin: 0;
}

.aui-tagselector .aui-toolbar {
    margin-top: 5px;
}

.aui-tagselector .aui-textboxlist-input-container {
    margin: 0;
}

.aui-categoriesselector-content .aui-textboxlistentry-holder {
    background-color: transparent;
    border-width: 0;
    padding: 0;
}

.tag-cloud,
.tag-list {
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0 1em .5em 1em;
    white-space: normal;
}

.tag-cloud {
    line-height: 2.5em;
}

.tag-cloud li,
.tag-list li {
    display: inline;
    float: left;
    margin: 0 1em 0 0;
}

.tag-cloud a,
.tag-list a {
    white-space: nowrap;
}

.tag-cloud .tag-asset-count {
    clip: rect(0 0 0 0);
    position: absolute;
}

.tag-cloud .tag-popularity-1 {
    font-size: 1em;
}

.tag-cloud .tag-popularity-2 {
    font-size: 1.3em;
}

.tag-cloud .tag-popularity-3 {
    font-size: 1.6em;
}

.tag-cloud .tag-popularity-4 {
    font-size: 1.9em;
}

.tag-cloud .tag-popularity-5 {
    font-size: 2.2em;
}

.tag-cloud .tag-popularity-6 {
    font-size: 2.5em;
}

.aui-underlay {
    clear: both;
    top: 100%;
}

.aui-underlay-hidden {
    display: none;
}

.aui-underlay-content {
    background: #F4F3F3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
    border: 0 solid #AEAFB1;
    border-width: 0 1px 1px;
}

.aui-underlay .aui-widget-hd {
    height: 38px;
}

.aui-underlay-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.aui-underlay .lfr-portlet-item {
    border-width: 0;
}

.aui-tabview-list {
    border: 1px solid #C8C9CA;
    padding: 4px;
}

.aui-tab {
    background: transparent;
    border-width: 0;
    font-weight: bold;
}

.aui-tab-content {
    padding: 3px 10px;
}

.aui-tab-active {
    background: #333;
    padding: 0;
    position: relative;
    z-index: 10;
}

.aui-tab-active,
.aui-tab-active a {
    color: #FFF;
    text-decoration: none;
    text-shadow: -1px -1px #000;
}

.aui-tabview-list .toggle {
    float: right;
}

.lfr-panel-container {
    background: transparent;
}

.lfr-panel-container {
    background: #FFF;
}

.aui-dialog-bd {
    min-height: 30px;
}

.aui-dialog-content {
    border: 1px solid #C8C9CA;
    padding: 5px;
}

.aui-panel-hd {
    background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
    padding-left: 10px;
    text-shadow: 1px 1px #FFF;
}

.lfr-actions.portlet-options .lfr-trigger strong span,
.visible.portlet-options .lfr-trigger strong span {
    background-image: url(../images/portlet/options.png);
}

.lfr-actions.portlet-options:hover,
.lfr-actions.portlet-options:hover ul {
    background: transparent;
}

.lfr-menu-list {
    z-index: 450;
}

.aui-menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px;
}

.aui-menu {
    position: absolute;
    width: auto;
}

.aui-menu-content {
    background: #FFF;
    list-style: none;
    min-width: 150px;
}

.aui-menu-content li {
    margin: 0;
    padding: 0;
}

.aui-menu-content,
.lfr-menu-list ul {
    background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #AEAFB1 #777879 #777879 #AEAFB1;
    padding: 2px 0;
}

.aui-menugroup-content .aui-menu-label {
    background: #D2D6DE;
    color: #5B677D;
    display: block;
    font-weight: bold;
    padding: 5px 3px;
    text-shadow: 1px 1px #FFF;
}

.aui-menugroup-content ul,
.lfr-menu-list ul ul {
    display: block;
    min-width: 0;
}

.aui-menu-content li,
.lfr-menu-list ul li {
    border-bottom: 1px solid #BCBBBB;
    border-top: 1px solid #EEE;
    display: block;
    margin: 0;
    padding: 0;
}

.aui-menu-content li.first,
.lfr-menu-list ul li.first {
    border-top-width: 0;
}

.aui-menu-content li.last,
.lfr-menu-list ul li.last {
    border-bottom-width: 0;
}

.aui-menu-content li a,
.lfr-menu-list ul li a {
    color: #2C2F34;
    display: block;
    padding: 4px 5px;
    text-decoration: none;
}

.aui-menu-content li a.aui-focus,
.lfr-menu-list ul a.aui-focus,
.lfr-menu-expanded li a:focus {
    background-color: #5B677D;
    color: #FFF;
    text-shadow: -1px -1px #2C2F34;
}

.aui-menu-content a,
.lfr-menu-list li a,
.lfr-actions .lfr-trigger,
.lfr-actions .lfr-trigger strong {
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
}

.aui-toolbar li {
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    vertical-align: middle;
}

.aui-toolbar-separator {
    background: url(../images/dockbar/separator.png) no-repeat 100% 50%;
    border-width: 0;
    cursor: default;
    font-size: 1px;
    height: 16px;
    margin: 0 2px;
    overflow: hidden;
    vertical-align: middle;
    width: 4px;
}

.aui-loadingmask-content {
    background: #CCC;
}

.aui-loadingmask-message {
    background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
}

.aui-tree-node-selected .aui-tree-label {
    background-color: transparent;
    font-weight: bold;
}

.portlet-layout {
    border-collapse: collapse;
    clear: both;
    display: table;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
}

.portlet-column {
    display: table-cell;
    vertical-align: top;
}

.portlet-column-content {
    padding: 5px;
}

.portlet-column-content-only,
.ltr .portlet-column-content-first,
.rtl .portlet-column-content-last {
    padding-left: 0;
}

.portlet-column-content-only,
.ltr .portlet-column-content-last,
.rtl .portlet-column-content-first {
    padding-right: 0;
}

.portlet-column-content.empty {
    padding: 50px;
}

#main-content.dragging .portlet-column {
    border: 3px double #828F95;
    height: 100px;
    min-height: 100px;
}

.dockbar {
    background: #97A1AE url(../images/dockbar/dockbar_bg.png) repeat-x 0 0;
    border-bottom: 1px solid #636364;
    font-size: 13px;
    padding: 1px 5px;
    position: relative;
    z-index: 300;
}

.dockbar:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.dockbar a {
    color: #2C2F34;
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
}

.dockbar .menu-button-active {
    background: #5C94DA url(../images/dockbar/button_active_bg.png) repeat-x 0 0;
}

.dockbar .menu-button-active a {
    color: #FFF;
    text-shadow: -1px -1px #2C2F34;
}

.dockbar .user-avatar .sign-out {
    font-size: .8em;
    padding-left: 0;
}

.dockbar ul {
    margin: 0;
    padding: 0;
}

.dockbar li li {
    margin-left: 0;
}

html>.lfr-dockbar-pinned {
    padding-top: 3.45em;
}

.lfr-dockbar-pinned .dockbar {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.dockbar .pin-dockbar {
    margin-left: 0;
}

.pin-dockbar img {
    background: url(../images/dockbar/pin.png) no-repeat 0 0;
    height: 27px;
    vertical-align: middle;
    width: 27px;
}

.lfr-dockbar-pinned .pin-dockbar img {
    background-image: url(../images/dockbar/unpin.png);
}

.dockbar .user-portrait {
    text-decoration: none;
}

.dockbar .user-avatar img {
    vertical-align: middle;
    width: 25px;
}

.dockbar .impersonating-user {
    background: url(../images/messages/alert.png) no-repeat 0 50%;
    padding-left: 20px;
}

.dockbar .impersonating-user .user-links a {
    color: #999;
}

.aui-dockbarmenu-hidden {
    visibility: hidden;
}

.dockbar .aui-toolbar {
    float: left;
}

.dockbar .user-toolbar {
    float: right;
}

.aui-underlay .portal-add-content {
    background-color: transparent;
    font-size: 11px;
}

.aui-underlay .portal-add-content .portlet-dd-placeholder {
    display: none;
}

.add-application .aui-widget-bd,
.dockbar-messages .aui-widget-bd {
    padding: 0 10px 10px;
}

.add-application {
    left: 10px !important;
}

.lfr-has-sidebar #main-content {
    padding-left: 220px;
}

.manage-layouts {
    left: 60px !important;
}

.my-places-menu {
    max-width: 350px;
}

.my-places-menu ul {
    list-style: none;
}

.my-places-menu ul,
.my-places-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

.my-places-menu a {
    display: block;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
}

.my-places-menu .current-site {
    border: solid #1D4280;
    border-width: 1px 0;
}

.my-places-menu .current-site a {
    background: #3068BA url(../images/arrows/01_right.png) no-repeat scroll 2px 30%;
    color: #FFF;
    padding-left: 20px;
    text-shadow: 1px 1px #333;
}

.my-places-menu .current-site .site-type {
    color: #FFF;
}

.my-places-menu .current-site a:hover,
.my-places-menu a:hover .site-type {
    color: #FFF;
    text-shadow: 1px 1px #333;
}

.my-places-menu .site-name {
    cursor: pointer;
    float: left;
}

.my-places-menu .site-type {
    color: #777;
    float: right;
    font-size: .8em;
    font-weight: normal;
    margin-left: 10px;
}

.my-places-menu a:hover .site-type {
    color: #FFF;
}

.dockbar .toggle-controls a {
    background: url(../images/dockbar/checked.png) no-repeat 0 50%;
    padding-left: 20px;
}

.controls-hidden .toggle-controls a {
    background-image: url(../images/dockbar/unchecked.png);
}

.dockbar .menu-button {
    background: url(../images/arrows/05_down.png) no-repeat 93% 50%;
    display: inline-block;
    padding: 5px 20px 5px 5px;
    text-decoration: none;
}

.dockbar .menu-button span {
    background: url() no-repeat 0 50%;
    padding-left: 20px;
}

.dockbar .add-content .menu-button span {
    background-image: url(../images/common/add.png);
}

.dockbar .manage-content .menu-button span {
    background-image: url(../images/dockbar/settings.png);
}

.dockbar .my-places .menu-button span {
    background-image: url(../images/dockbar/places.png);
}

.dockbar .staging-options .menu-button span {
    background-image: url(../images/dockbar/staging.png);
}

.dockbar-messages-container {
    left: 50%;
    margin-left: -150px;
}

.dockbar-messages {
    width: 300px;
}

.showing-messages .dockbar-messages {
    display: block;
}

.multiple-messages .dockbar-message {
    border-top: 1px solid #CCC;
    padding: 5px 0;
}

.multiple-messages .first {
    border-top-width: 0;
    padding-top: 0;
}

.add-content-menu .add-page a {
    background: url(../images/navigation/add_page.png) no-repeat 3px 50%;
    padding-left: 25px;
}

.add-content-menu .add-application a {
    background: url(../images/common/portlet.png) no-repeat 3px 50%;
    padding-left: 25px;
}

.manage-content-menu li a {
    background: url() no-repeat 3px 50%;
    padding-left: 25px;
}

.manage-content-menu .manage-page a {
    background-image: url(../images/dock/page_settings.png);
}

.manage-content-menu .page-layout a {
    background-image: url(../images/dock/layout.png);
}

.manage-content-menu .sitemap a {
    background-image: url(../images/common/sitemap.png);
}

.manage-content-menu .settings a {
    background-image: url(../images/common/configuration.png);
}

.manage-content-menu .control-panel a {
    background-image: url(../images/dock/control_panel.png);
}

.modify-pages li {
    position: relative;
}

.modify-pages .delete-tab {
    background: #333 url(../images/portlet/close_borderless.png) no-repeat 50%;
    cursor: pointer;
    display: block;
    height: 8px;
    margin-top: -7px;
    padding: 3px;
    position: absolute;
    right: 1px;
    text-indent: -9999em;
    top: 50%;
    width: 8px;
}

.nav-menu li a.ancestor {
    font-weight: bold;
}

.nav-menu li a.selected {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.nav-menu ul {
    padding-left: 10px;
}

.aui-form-options {
    border: 1px solid #AAA;
    display: inline-block;
    vertical-align: middle;
}

.aui-form-options input {
    border-width: 0;
    display: inline;
    float: left;
}

.aui-form-triggers {
    float: left;
}

.aui-form-trigger {
    background: #C4C4C4 url(../images/application/button_bg.png) repeat-x 0 0;
    border-left: 1px solid #BBB;
    display: inline-block;
    float: left;
}

.aui-form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px;
}

.aui-form-trigger:hover,
.aui-form-trigger:focus {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png);
}

.aui-trigger-selected {
    background-color: #EBEBEB;
    background-image: url(../images/application/button_bg_selected.png);
}

.aui-trigger-selected:hover,
.aui-trigger-selected:focus {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png);
}

.aui-options-trigger img {
    background-image: url(../images/common/configuration.png);
}

.aui-save-trigger img {
    background-image: url(../images/dock/my_place_current.png);
}

.freeform .portlet {
    margin-bottom: 0;
}

body.portlet {
    border: none;
}

.portlet-topper {
    position: relative;
}

.portlet-title {
    display: block;
    font-size: 1em;
    margin: 0;
}

.portlet-title-text {
    cursor: pointer;
}

.portlet-title img {
    vertical-align: middle;
}

.portlet-topper-toolbar {
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 3px;
    text-align: right;
    top: 3px;
}

.portlet-topper-toolbar .nobr {
    display: block;
    float: left;
    padding: 1px;
}

.portlet-content,
.portlet-minimized .portlet-content-container {
    padding: 12px 10px 10px;
}

.portlet-minimized .portlet-content {
    padding: 0;
}

.portlet-icon-back {
    background: url(../images/arrows/01_left.png) no-repeat 0 50%;
    font-weight: bold;
    padding: 5px 5px 5px 18px;
}

.portlet-nested-portlets .portlet-boundary {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.portlet-borderless-container {
    min-height: 2.5em;
    position: relative;
}

.portlet-borderless-bar {
    background: #333;
    color: #FFF;
    font-size: 10px;
    opacity: .3;
    padding: 2px 5px 1px;
    position: absolute;
    right: 0;
    text-shadow: -1px -1px #000;
    top: 0;
    z-index: 200;
}

.portlet-borderless-bar .portlet-actions {
    display: none;
    float: left;
    margin-right: 20px;
}

.portlet-borderless-container:hover .portlet-borderless-bar {
    opacity: 1;
}

.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
    display: inline;
}

.portlet-borderless-bar .portlet-action-separator {
    display: none;
}

.portlet-borderless-bar a {
    background: url("") no-repeat 0 50%;
    color: #3AF;
    display: inline-block;
    font-size: 0;
    height: 16px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: top;
    width: 16px;
}

.portlet-title-default {
    display: inline-block;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
}

.aui-dd-draggable .portlet-topper {
    cursor: move;
}

.aui-dd-draggable .portlet-title-default {
    background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%;
    cursor: move;
    padding-left: 20px;
}

.portlet-borderless-bar .portlet-back a {
    background-image: url(../images/portlet/return_borderless.png);
    height: auto;
    text-indent: 0;
    width: auto;
}

.portlet-borderless-bar .portlet-close a {
    background-image: url(../images/portlet/close_borderless.png);
}

.portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(../images/portlet/options_borderless.png);
}

.portlet-borderless-bar .portlet-title-default,
.portlet-borderless-bar .portlet-actions {
    vertical-align: top;
}

.lfr-panel-page {
    width: 100%;
}

.lfr-panel-page .portlet-title {
    font-size: 13px;
}

.lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD;
}

.portlet-msg-info {
    background: #DFF4FF url(../images/messages/info.png) no-repeat 6px 50%;
    border: 1px solid #A7CEDF;
    color: #34404F;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
}

.portlet-msg-info.pending {
    background-image: url(../images/common/time.png);
}

.portlet-msg-error {
    background: #FDD url(../images/messages/error.png) no-repeat 6px 50%;
    border: 1px solid #F00;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
}

.portlet-msg-alert {
    background: #FFC url(../images/messages/alert.png) no-repeat 6px 20%;
    border: 1px solid #FC0;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
}

.portlet-msg-success {
    background: #F4FDEF url(../images/messages/success.png) no-repeat 6px 50%;
    border: 1px solid #ACDFA7;
    color: #384F34;
    display: block;
    font-weight: bold;
    margin: 2px auto 14px;
    padding: 6px 6px 6px 30px;
    text-align: left;
}

.portlet-section-selected,
.portlet-section-selected a {
    background: #727C81;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.portlet-section-selected a:hover,
.portlet-section-selected a:focus {
    background-color: #727C81;
}

.restricted,
.restricted td {
    background: #FDD;
    border: none;
}

.alt.restricted td {
    background-color: #FFC0C0;
}

.hover.restricted td {
    background-color: #D3BDC0;
}

.restricted * {
    color: #727C81;
}

.restricted td.col-1,
.alt.restricted td.col-1 {
    background-image: url(../images/messages/error.png);
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 28px;
}

.results-row.lfr-role .col-1,
.results-row.hover.lfr-role .col-1 {
    background-image: url();
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.results-row.lfr-role-guest .col-1,
.results-row.hover.lfr-role-guest .col-1 {
    background-image: url(../images/common/guest_icon.png);
}

.results-row.lfr-role-regular .col-1,
.results-row.hover.lfr-role-regular .col-1 {
    background-image: url(../images/common/user_icon.png);
}

.results-row.lfr-role-community .col-1,
.results-row.hover.lfr-role-community .col-1 {
    background-image: url(../images/common/community_icon.png);
}

.results-row.lfr-role-organization .col-1,
.results-row.hover.lfr-role-organization .col-1 {
    background-image: url(../images/common/organization_icon.png);
}

.results-row.lfr-role-team .col-1,
.results-row.hover.lfr-role-team .col-1 {
    background-image: url(../images/common/team_icon.png);
}

.lfr-portlet-item,
.lfr-portlet-item p a {
    font-size: 1em;
}

.lfr-actions,
.lfr-actions ul {
    background: #FFF url(../images/forms/button.png) repeat-x 0 100%;
    border: 1px solid;
    border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
}

.lfr-actions ul {
    bottom: -1px;
}

.lfr-actions .lfr-trigger,
.lfr-actions .lfr-trigger,
.lfr-actions .lfr-trigger strong {
    background: none;
}

.lfr-actions .lfr-trigger li {
    background: transparent;
    border-bottom: 1px solid #DEDEDE;
    padding: 2px;
}

.lfr-actions .lfr-trigger li a {
    padding: 5px 10px 5px 25px;
}

.lfr-actions .lfr-trigger li a:hover {
    background-color: #828F95;
    color: #FFF;
}

.lfr-actions .lfr-trigger li a img {
    left: 3px;
    position: absolute;
}

.lfr-actions .lfr-trigger li.last {
    border-bottom: none;
}

.lfr-actions.portlet-options {
    background: none;
    border: none;
    float: left;
}

.lfr-actions.portlet-options .lfr-trigger {
    padding: 0;
}

.lfr-actions.portlet-options .lfr-trigger strong {
    min-width: 0;
    padding: 1px;
}

.lfr-actions.portlet-options .lfr-trigger strong a {
    background-image: url(../images/portlet/options.png);
    background-position: 0 0;
    display: block;
    font-size: 0;
    height: 16px;
    padding: 0;
    text-indent: -9999em;
    width: 16px;
}

.visible.portlet-options .lfr-trigger strong a {
    background-image: url(../images/portlet/options_selected.png);
}

.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
    border: none;
}

.taglib-calendar tr td a {
    background-color: #F0F5F7;
    border: 1px solid #FFF;
    border-bottom: none;
    border-left: none;
    display: block;
    height: 15px;
    padding: 5px 0;
}

.taglib-calendar table td {
    border-width: 0;
}

.taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF;
}

.taglib-calendar .calendar-current-day,
.taglib-calendar .calendar-current-day a {
    background-color: #FFF;
}

.taglib-calendar .calendar-current-day a {
    border: 1px solid #727C81;
    color: #369;
    text-decoration: underline;
}

.taglib-calendar tr td.calendar-inactive {
    background-color: #FFF;
    color: #B5BFC4;
}

.taglib-calendar tr th {
    border-bottom-color: #D7D7D7;
}

fieldset {
    border: 1px solid #BFBFBF;
    padding: 8px;
}

.aui-fieldset {
    border-width: 0;
    padding: 0;
    position: relative;
}

.configuration-popup .aui-fieldset {
    margin-bottom: 0;
}

.aui-fieldset .aui-field-content,
.aui-field-row,
.aui-button-holder,
.aui-field-wrapper-content {
    margin: 10px 0;
}

.aui-field-inline .aui-field-content,
.aui-field-row .aui-field-content {
    margin: 0;
    margin-right: 5px;
}

.aui-search-bar .aui-field-content {
    margin-right: 0;
}

.aui-search-bar .aui-field-content,
.aui-search-bar .aui-button-content {
    display: inline-block;
    vertical-align: middle;
}

.aui-field-choice .aui-field-label {
    display: inline-block;
}

.aui-field-date .aui-field-content {
    overflow: hidden;
}

legend {
    font-weight: bold;
    padding: 0 6px;
}

.aui-fieldset-legend {
    color: #000;
    font-size: 120%;
    font-weight: bold;
    padding: 0 0 1.5em;
}

.aui-legend {
    border-bottom: 1px solid #CCC;
    display: block;
    position: absolute;
    width: 90%;
}

input {
    background: #FFF;
}

input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
input[type="button"],
input[type="reset"],
select,
textarea,
.textarea,
button {
    background-image: url(../images/forms/input_shadow.png);
    background-repeat: no-repeat;
    border: 1px solid;
    border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
    font: 1em Arial, Helvetica, Verdana, sans-serif;
    padding: 5px 1px;
}

select {
    padding: 1px;
}

input[type="image"] {
    background: transparent none;
    border: none;
    padding: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button {
    background: #F5F5F5 url(../images/forms/button.png) repeat-x 0 0;
    border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
    color: #34404F;
    cursor: pointer;
    font-weight: bold;
    overflow: visible;
    padding: 5px;
    width: auto;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:hover,
button:focus {
    background: #DFF4FF;
    border: 1px solid #A7CEDF;
    color: #369;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.lfr-actions,
.lfr-actions ul {
    background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
    color: #34404F;
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
}

.aui-button-disabled input[type],
.aui-button-disabled button,
.aui-button-disabled input[type]:hover,
.aui-button-disabled input[type]:focus,
.aui-button-disabled button:hover,
.aui-button-disabled button:focus {
    background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0;
    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
    color: #555;
    opacity: .5;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.lfr-actions:hover,
.lfr-actions:hover ul {
    background: #B9CED9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
    border-color: #627782;
    color: #369;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus,
.lfr-actions:focus,
.lfr-actions:focus ul {
    background: #EBEBEB url(../images/application/state_active_bg.png) repeat-x 0 0;
    border-color: #555;
}

input.aui-form-validator-error,
textarea.aui-form-validator-error,
select.aui-form-validator-error {
    border: 1px solid #F00;
}

input.focus,
textarea.focus,
.ie6 input.focus,
.ie6 textarea.focus {
    background: #FFC none;
    border: 1px solid #FC0;
}

.aui-menu-content,
body>.lfr-menu-list ul,
.aui-underlay-content,
.aui-dialog-content {
    -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
}

.dockbar .menu-button-active .menu-button {
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
}

.my-places-menu .current-site a {
    -moz-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
}

.aui-dialog-hd {
    -moz-box-shadow: 1px 1px 0 #FFF;
    -webkit-box-shadow: 1px 1px 0 #FFF;
    box-shadow: 1px 1px 0 #FFF;
}

.aui-tabview-list,
.aui-tab-active,
body>.lfr-menu-list ul,
.lfr-actions,
.aui-dialog-content,
.aui-dialog .aui-widget-hd,
.modify-pages .delete-tab,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.aui-menu-content {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.aui-underlay-content {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.lfr-hudcrumbs ul {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.home-link {
    display: inline-block;
    margin-bottom: 50px;
}

nav.navbar {
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 200;
    display: block;
    padding: 5px 10px 5px 0;
}

@media(max-width:520px) {
    nav.navbar {
        top: 25px;
    }
}

.site-logo {
    position: relative;
    z-index: 198;
    width: 200px;
    height: auto;
}

.site-logo-white {
    display: none;
}

nav .nav-menu .nav-link,
nav .nav-menu .nav-label {
    padding: 10px;
    display: block;
    text-decoration: none;
    font-size: 30px;
    color: #fff;
    position: relative;
    text-align: center;
    margin: 0 20px;
}

nav .nav-menu .nav-label {
    color: #6F9C4E;
    margin-bottom: 40px;
    display: block;
    font-size: 36px;
}

nav .nav-menu .nav-label::after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-left: 3px solid #6F9C4E;
    border-bottom: 3px solid #6F9C4E;
    transform-origin: center center;
    transform: rotate(-45deg) translate(-50%, 0);
    left: 50%;
    bottom: -10px;
}

nav .nav-menu .nav-link:hover,
nav .nav-menu .nav-link:focus {
    color: #75A352;
}

nav .nav-menu .sub-nav-menu .nav-link:hover,
nav .nav-menu .sub-nav-menu .nav-link:focus {
    color: #b8d45d;
}

.nav-toggle {
    display: block;
    position: relative;
    z-index: 20201;
    width: 31px;
    height: 31px;
    margin-left: auto;
    margin-top: 0;
    cursor: pointer !important;
}

.nav-toggle.nav-sticky {
    position: fixed;
    top: 40px;
    right: 20px;
}

.nav-toggle i::before,
.nav-toggle i::after {
    width: 31px;
    border-top: 2px solid #FFF;
}

.nav-toggle i::after {
    padding-top: 7px;
    border-bottom: 2px solid #FFF;
}

.nav-toggle i::before,
.nav-toggle i::after {
    content: '';
    display: block;
    margin: 7px 0;
    transition: all .2s;
}

.nav-toggle.open i::before {
    position: relative;
    top: 8px;
    transform: rotate(-135deg);
    transform-origin: 50% 50%;
    border-top-color: #FFF;
}

.nav-toggle.open i::after {
    position: relative;
    top: -1px;
    padding-top: 0;
    border-top-color: transparent;
    border-bottom-color: #FFF;
    transform: rotate(135deg);
    transform-origin: 50% 50%;
}

.nav-toggle.sub-open i::before {
    top: 15px;
    width: 22px;
    left: 6px;
    transform: rotate(-45deg);
}

.nav-toggle.sub-open i::after {
    top: -11px;
    width: 22px;
    left: 6px;
    transform: rotate(45deg);
}

nav .nav-menu,
nav .sub-nav-menu {
    position: fixed;
    background-color: #231F20;
    width: 50%;
    height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20199;
    margin: 0;
    padding: 0;
    overflow: auto;
    transition: height .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

nav .nav-menu.open {
    height: 100vh;
}

.nav-menu-container,
.sub-nav-menu-container {
    padding: 40px 0;
    list-style: none;
}

nav .sub-nav-menu {
    z-index: 10;
    background-color: #544f50;
}

nav .nav-sub-link.open+.sub-nav-menu {
    height: 100vh;
}

@media(max-width:991px) {

    nav .nav-menu,
    nav .sub-nav-menu {
        width: 100%;
    }
}

.navbar-right {
    position: fixed;
    top: 0;
    right: 0;
    margin-right: 20px;
    z-index: 202;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.lang-menu {
    margin: 20px 0 0;
    list-style: none;
}

.lang-menu li+li {
    border-top: 1px solid #fff;
}

.lang-menu li {
    padding: 5px 0;
}

.lang-menu a {
    text-align: center;
    width: 100%;
    display: block;
    padding: 2px;
    font-size: .8125rem;
    color: #fff;
}

#column-1 .header {
    transition: top .5s ease 1s;
    position: relative;
    z-index: 200;
    top: -400px;
}

#column-1.animated .header {
    top: 0;
}

.searchInputWrapper {
    position: relative;
    margin: 10px 0;
}

.searchInput {
    display: flex;
}

.searchInput svg {
    width: 20px;
    height: 32px;
    fill: #fff;
    transition: all .3s;
}

.searchInput #txtSearch-wrapper {
    width: 0;
    margin-left: 0;
    overflow: hidden;
    transition: all .3s;
}

.searchInput #txtSearch-wrapper input {
    width: calc(100% - 42px);
    border: 1px solid #BBB;
    background: #fff;
    padding-left: 40px;
    height: 20px;
}

.searchInput.active svg {
    position: relative;
    left: 40px;
    fill: #000;
}

.searchInput.active #txtSearch-wrapper {
    width: 240px;
    margin-left: 10px;
}

@media(max-width:520px) {
    .searchInput.active #txtSearch-wrapper {
        width: calc(100vw - 40px);
    }
}

.nav-external-item {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.nav-email svg,
.nav-youtube svg {
    width: 34px;
    margin-right: -2px;
}

.nav-youtube,
.nav-email {
    display: none;
}

footer {
    display: block;
    width: 100%;
    color: #fff;
    font-size: .8125rem;
    position: relative;
}

footer .footer-right {
    flex: 1 1 100%;
    padding-left: 20px;
}

footer>.row {
    background-color: #231F20;
    color: #fff;
    justify-content: space-between;
    padding: 40px;
    flex-wrap:wrap;
}

footer .footer-right::before {
    content: '';
    display: block;
    border-top: 1px solid #fff;
}

footer .footer-w3c {
    clear: both;
}

footer .footer-w3c img {
    float: right;
}

footer .footer-links {
    text-align: right;
    padding-top: 10px;
}

footer .footer-revision {
    padding-top: 5px;
}

footer .footer-links a {
    color: #fff;
}

footer .footer-revision {
    text-align: right;
}

footer .footer-bottom .footer-lcsd {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    padding: 20px 40px;
    color: #FFF;
}

footer .footer-bottom .footer-lcsd img {
    margin-right: 10px;
    width: 40px;
}

footer .footer-bottom {
    position: relative;
    background-color: #231F20;
    margin-top: -20px;
    bottom: -2px;
}

.footer-lcsd-mobile-bg {
    display: none;
}

.footer-right>.row {
    justify-content: flex-end;
}

@media(min-width:992px) {
    #main-content.expanded .footer-lcsd-mobile-bg {
        width: 75%;
    }
}

@media(max-width:991px) {
    footer .footer-bottom .footer-lcsd {
        background-color: #231F20;
    }
}

@media(max-width:767px) {
    footer>.row {
        padding-top: 10px;
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    footer .footer-w3c {
        order: 2;
        display: flex;
        flex: 1 1 100%;
        justify-content: flex-end;
        margin-top: 20px;
    }

    footer .footer-w3c img {
        float: unset;
        margin-left: 40px;
    }

    footer .footer-right::before {
        border-top: none;
    }

    footer .footer-right::after {
        content: '';
        display: block;
        border-top: 1px solid #fff;
        margin-top: 20px;
    }

    .footer-right>.row {
        justify-content: flex-end;
    }

    footer .footer-bottom {
        display: block;
    }
}

/*#back-top-btn{position:absolute;left:50%;top:0;transform:translate(-50%,-100%);z-index:1000;display:flex;flex-direction:column;align-items:center;color:#231F20;font-size:.85rem;cursor:pointer;}#back-top-btn::after{content:'';width:0;height:0;border-style:solid;border-width:0 12px 14px 12px;border-color:transparent transparent #231F20 transparent;margin-top:5px;}*/
.flexslider.flexslider-hero {
    margin-bottom: 0;
    overflow: hidden;
}

.flexslider.flexslider-hero .flex-control-nav {
    bottom: 20px;
    z-index: 18;
}

.flexslider.flexslider-hero .flex-direction-nav a {
    z-index: 12;
}

.flexslider.flexslider-hero .slides {
    position: absolute;
    width: 100%;
    height: 100%;
    /*height:100vh!important;*/
}

/*.flexslider.flexslider-hero .slides:before {content:'';position:absolute;width:100%;height:100%;background-image:url(../images/homepage/banner-bg-desktop.svg);background-size:contain;}*/
.flexslider.flexslider-hero .slides li {
    width: 100%;
    height: 100% !important;
    margin: 0;
    padding: 0;
    /*background-color:#000;*/
    background-size: cover;
    background-position: top center !important;
    background-repeat: no-repeat;
}

.flexslider .flex-direction-nav a:before {
    font-size: 30px;
}

.slide {
    position: relative;
}

.slide-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: block;
}

#homepage-slider {
    background-color: #231F20;
    width: 100%;
    position: relative
}

#homepage-slider::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70vh;
    z-index: 50;
    opacity: .8;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}

#homepage-slider::after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 57.378%;
}

@media(max-width:575px) {
    .flexslider.flexslider-hero .slides {
        /*height:60vh!important;min-height:450px;*/
    }
}

.home-banner {
    width: 100%;
    height: 400px;
    position: relative;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    transition: all .66s;
}

.home-banner .home-banner-bg-cover {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 5;
    background-size: cover;
    background-position: 50% 50%;
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
}

.home-banner .home-banner-content {
    position: relative;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-banner-title {
    color: #fff !important;
    line-height: 1;
    margin: 0 0 -100px;
    transition: all .66s;
    position: absolute;
    right: 7%;
    width: auto;
    left: auto;
    z-index: 20;
    font-family: "Exo", "Noto Sans TC", Sans-Serif;
    font-weight: 300;
    font-size: 90px;
}

.home-banner-title small {
    display: block;
    font-size: 60px;
}

.home-banner-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: #FFF;
    position: relative;
    left: 0;
    transition: all .66s;
}

.home-banner-isolate {
    isolation: isolate;
    position: relative;
    z-index: 100;
}

.column-banner {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: auto;
    transition: all .66s ease 0s, transform .3s ease 0s;
}

#column-2 .column-banner {
    display: none;
}

#column-3 .column-banner {
    display: flex;
}

.column-banner .column-banner-content {
    display: inline-block;
    width: 100%;
    transition: all .66s;
    transform-origin: 50% 50%;
}

.column-banner .home-banner {
    overflow: visible;
}

.parallex-sticky {
    position: absolute !important;
}

#column-3 .column-banner {
    position: fixed;
    top: 0;
    right: 30px;
    width: calc(50% - 60px);
}

#homepage-slider2 {
    background-color: #231f20;
    width: 100%;
    position: relative;
}
#homepage-slider2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70vh;
    z-index: 50;
    opacity: 0.8;
    pointer-events: none;
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.5) 0,
            rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}
#homepage-slider2::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 57.378%;
}

@media (max-width: 1024px) {
  #homepage-slider2::after {
    /*padding-top: 163.555%;*/
    padding-top: 57.378%;
  }
}

.home-banner {
    max-width: 70%;
    position: relative;
}

.home-banner::before,
.home-banner::after {
    content: '';
    display: block;
    width: 20%;
    height: 100%;
    position: absolute;
    z-index: 10;
    transition: all .4s;
    opacity: 1;
}

.home-banner::before {
    left: -8%;
    top: 0;
}

.home-banner::after {
    top: 0;
    right: -8%;
}

.hori-text {
    display: flex;
    align-items: flex-end;
}

.hori-text>*:first-child {
    padding-right: 30px;
    padding-left: 15px;
}

.home-banner-wrapper__single>.home-banner::before,
.home-banner-wrapper__single>.home-banner::after {
    content: none;
}

.home-banner-wrapper__single>.home-banner {
    max-width: none;
}

.home-banner-wrapper__single {
    overflow: visible;
}

#column-2 .home-banner-wrapper__single {
    margin-bottom: -60px;
}

.home-banner-wrapper__single.expanded {
    transform: translate(100vw, 0px);
}

.home-banner-wrapper__single .home-banner-title {
    right: 20px;
}

.home-banner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    width: 100%;
    height: 400px;
    transition: all 1s;
    overflow: hidden;
}

.home-banner-wrapper.active {
    height: 100vh;
}

.home-banner-wrapper .home-banner {
    transition: height 1s ease .3s, left .6s ease 1s;
}

.home-banner-wrapper.active .home-banner {
    left: 100%;
    height: 500px;
}

.home-banner-wrapper .home-banner-circle {
    transition: left .8s ease .7s;
}

.home-banner-wrapper.active .home-banner-circle {
    left: 200% !important;
}

.home-banner-wrapper .home-banner-title {
    transform: translate(0, 0);
    transition: transform 1s ease .5s;
}

.home-banner-wrapper.active .home-banner-title {
    transform: translate(200vw, 0);
}

.home-banner-wrapper.active .home-banner::before {
    opacity: 0;
}

.home-banner-wrapper.active .home-banner::after {
    opacity: 0;
}

@media(min-width:1350px) {
    #column-3 .column-banner {
        right: calc((50vw - 600px)/2);
    }
}

@media(max-width:1300px) {
    #column-3 .column-banner .column-banner-content {
        transform: scale(0.7);
        width: 143%;
    }
}

@media(max-width:991px) {
    #column-2 .column-banner {
        display: flex;
        position: relative;
        left: 7.5vw;
        transform: translateX(-40px);
        width: 85vw;
        padding-bottom: 50px;
        max-width: none;
    }

    .home-banner {
        max-width: 85%;
    }

    .home-banner-title {
        font-size: 70px;
        padding: 0 40px;
        text-align: right;
        right: auto;
    }

    .home-banner-title small {
        font-size: 45px;
    }

    #column-3 .column-banner {
        display: none;
    }

    .column-banner {
        height: auto;
    }
}

@media(max-width:767px) {
    .home-banner-title {
        font-size: 60px;
        padding: 0 40px;
        text-align: right;
        right: auto;
    }

    .home-banner-title small {
        font-size: 40px;
    }

    .home-banner-circle {
        width: 220px;
        height: 220px;
    }

    .home-banner {
        max-width: 100%;
    }

    .home-banner::before,
    .home-banner::after {
        content: none;
    }

    .hori-text {
        flex-wrap: wrap;
    }

    .hori-text>*:first-child {
        padding-right: 40px;
        padding-bottom: 20px;
    }
}

@media(max-width:575px) {
    .home-banner-title {
        padding-left: 20px;
        font-size: 60px;
    }

    .home-banner-title small {
        font-size: 35px;
    }

    .home-banner-wrapper__single .home-banner-title {
        right: 0;
    }

    .home-banner-circle {
        width: 200px;
        height: 200px;
    }
}

@media(max-width:480px) {
    .home-banner-wrapper {
        height: 350px;
    }

    #column-2 .column-banner {
        transform: translateX(-20px);
        left: 0;
        width: 100vw;
    }

    .home-banner-title {
        font-size: 40px;
    }

    .home-banner-title small {
        font-size: 30px;
    }

    .hori-text>*:first-child {
        padding-right: 20px;
    }
}

html.section-pe #column-2,
html.section-pe .footer-lcsd-mobile-bg {
    background-color: #fff;
}

html.section-pe body {
    background-color: #1B76BA;
}

html.section-pe #column-2 article h2 {
    color: #1B76BB;
}

html.section-pe #column-2 article h3 {
    color: #1765A1;
}

html.section-pe #column-2 article h4 {
    color: #1970b3;
}

html.section-pe .f-table tbody tr td {
    border-bottom: 1px solid #d2e8f9;
}

html.section-pe .f-table thead tr {
    background-color: #d2e8f9;
}

html.section-rp #column-2,
html.section-rp .footer-lcsd-mobile-bg {
    background-color: #fff;
}

html.section-rp body {
    background-color: #8EC541;
}

html.section-rp #column-2 article h2 {
    color: #aed576;
}

html.section-rp #column-2 article h3 {
    color: #4B6921;
}

html.section-rp #column-2 article h4 {
    color: #3A511A;
}

html.section-rp #column-2 article:not(.list-item) a {
    color: #002699;
}

html.section-rp .f-table tbody tr td {
    border-bottom: 1px solid #dcedc4;
}

html.section-rp .f-table thead tr {
    background-color: #dcedc4;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    font-family: 'Noto Sans TC', 'Open Sans', sans-serif !important;
    font-size: 16px;
}

.img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

h5 {
    font-size: 1rem;
}

.row {
    display: flex;
}

a {
    color: #335CAA;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

.journal-content-article p {
    margin: 0;
}

.journal-content-article p+p {
    margin-top: 1em;
}

#column-2 .portlet-column-content>.portlet-journal-content {
    margin-bottom: 80px;
}

.img-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.img-row figure {
    margin: 0;
    padding: 5px;
}

.img-row .col-1 {
    flex: 0 0 calc(100% - 10px);
}

.img-row .col-2 {
    flex: 0 0 calc(50% - 10px);
}

.img-row .col-3 {
    flex: 0 0 calc(33.3333% - 10px);
}

@media(min-width:768px) {
    .img-row .col-sm-1 {
        flex: 0 0 calc(100% - 10px);
    }

    .img-row .col-sm-2 {
        flex: 0 0 calc(50% - 10px);
    }

    .img-row .col-sm-3 {
        flex: 0 0 calc(33.3333% - 10px);
    }
}

img.preload {
    display: none !important;
}

.f-table {
    min-width: 800px;
    margin-left: 0 !important;
    width: 100% !important;
}

.f-table-striped tr td+td {
    border-left: 1px solid #DDD;
}

.f-table thead tr {
    background-color: #9EB03B;
}

.f-table tbody tr td {
    border-bottom: 1px solid #ECEA64;
}

.f-table tbody tr.no-border td {
    border-bottom: none;
}

.f-table td,
.f-table th {
    vertical-align: top;
    padding: 2px 5px;
}

.f-table-wrapper {
    max-width: 100%;
    overflow: auto;
}

.columns-1-2-1 .portlet-layout:nth-child(2) {
    display: flex;
    overflow: hidden;
}

#column-2,
#column-3 {
    display: block;
    min-height: 100vh;
    transition: all 1s;
}

#column-3 {
    overflow: hidden;
}

#column-2 {
    max-width: 50%;
    width: 50%;
    flex: 1 1 50%;
    min-width: 350px;
}

#column-2>div {
    padding: 245px 100px 100px 100px;
}

#column-3 {
    max-width: 50%;
    width: 50%;
    flex: 1 1 50%;
}

#column-3>div {
    padding: 60px 80px 60px 60px;
}

#column-2 article h2 {
    font-size: 22px;
}

#column-2 article h3 {
    font-size: 18px;
}

#column-2 article h4 {
    font-size: 16px;
}

#column-2 article ol li+li {
    margin-top: 20px;
}

#column-2 article .img-row {
    margin-bottom: 20px;
}

@media(max-width:767px) {
    #column-2 article .img-row {
        margin-bottom: 0;
    }

    #column-2 article .img-row figure {
        margin-bottom: 20px;
    }
}

@media(max-width:1100px) {
    #column-2>div {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media(min-width:992px) {
    #column-2 {
        position: relative;
        margin-top: 200vh;
        z-index: 100;
    }

    #column-2.animated {
        margin-top: 0;
    }

    .column-collaspe-btn {
        content: '';
        position: absolute;
        top: 100px;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 0 13px 15px;
        border-color: transparent transparent transparent #FFF;
        cursor: pointer;
        display: block;
        transition: right .5s ease 1.5s;
    }

    .column-collaspe-btn.active {
        transition-delay: 0s;
    }

    #column-2.animated .column-collaspe-btn {
        right: -13px;
    }

    #main-content.expanded .column-collaspe-btn {
        right: 0;
    }

    #main-content.expanded #column-2 {
        width: 75%;
        max-width: 75%;
        flex: 0 0 75%;
    }

    #main-content.expanded #column-3 {
        width: 25%;
        max-width: 25%;
        flex: 0 0 25%;
    }
}

@media(max-width:991px) {
    #column-2 {
        padding-top: 200px;
        width: 85%;
        max-width: 85%;
        flex: 0 0 85%;
        min-height: 0;
        min-width: 0;
    }

    #column-3 {
        overflow: visible;
        width: 15%;
        max-width: 15%;
        flex: 0 0 15%;
        min-height: 0;
    }

    #column-2>div {
        padding: 40px 10px 40px 40px;
    }

    #column-3>div {
        padding: 0;
    }
}

@media(max-width:480px) {
    #column-2>div {
        padding-left: 20px;
    }
}

.abs-center {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}

.animation {
    visibility: hidden !important;
}

.list-item-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -15px;
}

.list-item {
    flex: 0 0 33.333%;
    text-align: center;
    margin-bottom: 15px;
}

.list-item a {
    display: block;
    color: #000;
    padding: 15px;
}

.list-item h5,
.list-item h6 {
    font-size: 16px;
}

.list-item-image {
    max-width: 400px;
}

.list-item.list-item-col-2 {
    flex: 0 0 50%;
}

@media(max-width:1300px) {
    .list-item {
        flex: 0 0 50%;
    }

    .list-item.list-item-col-2 {
        flex: 0 0 100%;
    }
}

.link-list-wrapper {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.link-list {
    flex: 0 0 auto;
    padding: 0 20px;
}

a.button {
    background: #F7F7F7;
    border: 1px solid #999;
    padding: 7px 25px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    color: #000 !important;
    box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);
    transition: box-shadow .2s;
    font-weight: 400;
}

a.button:hover,
a.button:focus {
    font-weight: 500;
    box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.5);
}

.lang-display {
    display: none;
}

html.lang-en .lang-display.lang-display-en {
    display: block;
}

html.lang-cn .lang-display.lang-display-cn {
    display: block;
}

html.lang-tw .lang-display.lang-display-tw {
    display: block;
}

.timetable-wrapper {
    overflow: auto;
}

table.timetable td {
    white-space: nowrap;
}

.collaspe {
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.journal-content-article article>p,
.journal-content-article article>#cke_pastebin {
    text-align: justify;
    overflow-wrap: anywhere;
}

body.page-maximized.signed-in {
    background-color: #fff !important;
}

body.signed-in.controls-visible nav.navbar {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    background: #AAA;
}

body.signed-in.controls-visible .column-banner {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    overflow: hidden !important;
}

.portlet-column-content {
    padding: 0;
}

.portlet-borderless-container {
    min-height: 0;
}

body.signed-in.controls-visible .portlet-borderless-container {
    min-height: 50px;
}

.portlet-journal .structure-tree {
    counter-reset: section;
}

.portlet-journal .structure-tree li[datarepeatable="true"] {
    margin: 10px 0 20px 0;
    border: 5px solid skyblue;
    background-color: #EEE;
    border-top-color: crimson;
}

.portlet-journal .structure-tree li[datarepeatable="true"]::before {
    counter-increment: section;
    content: counter(section) ".";
    font-size: 24px;
    font-weight: bold;
}

.portlet-journal .structure-tree li[datarepeatable="true"] li[datarepeatable="true"] {
    margin-bottom: 20px;
    border: 5px solid #aada21;
    background-color: #CCC;
}

.portlet-journal .structure-tree li[datarepeatable="true"] li[datarepeatable="true"]::before {
    counter-increment: unset;
    display: none;
}

.portlet-journal .structure-tree li[datarepeatable="true"] li[datarepeatable="true"] li[datarepeatable="true"] {
    margin-bottom: 20px;
    border: 5px solid hotpink;
    background-color: #AAA;
}

.portlet-journal .structure-tree input[id^=admin-],
.portlet-journal .structure-tree textarea[id^=admin-] {
    pointer-events: none;
    opacity: .3;
}

.lfr-meta-actions {
    padding-bottom: 1em;
}

.fake-head {
    opacity: 0;
    position: absolute;
    display: none;
}

.logo {
    position: absolute;
    left: 20px;
    top: 45px;
}

@media(max-width:480px) {
    .logo {
        position: absolute;
        left: 20px;
        top: 30px;
    }
}

#column-2 .portlet-column-content>.portlet-journal-content:last-child {
    margin-bottom: 80px;
}

html.section-pe #column-2 div h2 {
    color: #1B76BB;
}

html.section-pe #column-2 div h3 {
    color: #1765A1;
}

html.section-pe #column-2 div h4 {
    color: #1970b3;
}

html.section-rp #column-2 div h2 {
    color: #aed576;
}

html.section-rp #column-2 div h3 {
    color: #4B6921;
}

html.section-rp #column-2 div h4 {
    color: #3A511A;
}

html.section-rp #column-2 div:not(.list-item) a {
    color: #002699;
}

#column-2 div h2,
#column-2 div .h2 {
    font-size: 22px;
}

#column-2 div h3 {
    font-size: 18px;
}

#column-2 div h4 {
    font-size: 16px;
}

#column-2 div ol li+li {
    margin-top: 20px;
}

#column-2 div .img-row {
    margin-bottom: 20px;
}

@media(max-width:767px) {
    #column-2 div .img-row {
        margin-bottom: 0;
    }

    #column-2 div .img-row figure {
        margin-bottom: 20px;
    }
}

.journal-content-article div>p,
.journal-content-article div>#cke_pastebin {
    text-align: justify;
    overflow-wrap: anywhere;
}

.journal-content-article div>p,
.journal-content-article div>.cke_pastebin {
    text-align: justify;
    overflow-wrap: anywhere;
}

nav .nav-menu .nav-label {
    color: #abcc99;
}

.timetable-wrapper {
    /*margin-bottom: 70px;*/
    margin-bottom: 25px;
}

/*
.f-table{
    margin-top: 20px;
}
*/

.mobileOnly {
    display: none;
}

@media(max-width:991px) {

    .desktopOnly,
    .column-collaspe-btn {
        display: none;
    }

    .mobileOnly {
        display: block;
    }
}

.rp-bio u {
    text-decoration: none;
    border: 1px solid #000;
    display: inline-block;
}

nav .nav-sub-link:not(.open)+.sub-nav-menu {
    visibility: hidden;
}

nav .nav-sub-link.open+.sub-nav-menu {
    visibility: visible;
}

nav .nav-menu {
    visibility: hidden;
}

nav .nav-menu.open {
    visibility: visible;
}

#layout-column_column-2 p a,
#layout-column_column-2 article a,
#layout-column_column-2 div a {
  text-decoration: underline;
}

#layout-column_column-2 p a:hover,
#layout-column_column-2 p a:focus,
#layout-column_column-2 article a:hover,
#layout-column_column-2 article a:focus,
#layout-column_column-2 div a:hover,
#layout-column_column-2 div a:focus {
  text-decoration: none;
}

div.list-item a {
    text-decoration: none;
}

div.list-item a:hover,
div.list-item a:focus {
    text-decoration: underline;
}

a {
    /*text-decoration: none;*/
}

p a:focus {
    text-decoration: underline;
}

.mb-0 {
    margin-bottom: 0;
}

h1,
h2,
h3 {
    margin: 1em 0;
}

/* Nav menu */

.navbar-right {
    padding: 0 0.5rem 0.5rem;
    background-color: #544f50;
    border-radius: 10px;
}

.lang-menu {
    margin: 0 4px 0 0;
}

.lang-menu li {
    text-align: center;
}

.lang-menu a {
    display: inline;
}

.searchInputWrapper {
    height: 32px;
}

.searchInput {
    position: absolute;
    right: 0;
    top: -0.5rem;
    width: 20px;
    height: 32px;
    background-color: #544f50;
    padding: 0.5rem 0 0.5rem 0.5rem;
    border-radius: 10px;
    transition: width 0.3s;
}

.searchInput:not(.active) {
    margin-right: 5px;
}

.searchInput.active {
    width: 200px;
}

.searchInput.active svg {
    position: absolute;
    left: 15px;
}

.searchInput.active #txtSearch-wrapper {
    margin-left: 0;
}

.searchInput.active #txtSearch-wrapper input {
    outline-offset: 1px;
}

.nav-toggle.nav-sticky {
    border-radius: 10px;
    background-color: #544f50;
    padding: 1rem;
}

/* Back to top button*/
#back-top-btn {
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 1000;
    display: block;
    flex-direction: column;
    align-items: center;
    color: #231F20;
    font-size: .85rem;
    cursor: pointer;
    transition: bottom .5s ease 1s, opacity .3s;
    opacity: .8;
    z-index: 180;
}

#back-top-btn:hover,
#back-top-btn:focus,
#back-top-btn:focus-visible {
    opacity: 1;
}

#back-top-btn svg {
    fill: #fff;
    width: 35px;
    height: 35px;
}

#content .header {
    position: relative;
    z-index: 200;
}