@charset "UTF-8";
.content li:before,
.language-switcher li,
.search-form-text,
.search-form-submit,
.header-search-mobile,
.menu-main-menu-container>ul>li>a,
.header-btns a,
.footer-left,
.footer-right,
.footer-menu li,
.read-more span,
.read-more:after,
.ec-prev span,
.prev.page-numbers span,
.ec-prev:before,
.prev.page-numbers:before,
.ec-next span,
.next.page-numbers span,
.ec-next:after,
.next.page-numbers:after,
.crumb,
.select-filter,
.select-styled:after,
.ts-controls a span,
a.ts-prev:before,
a.ts-next:after,
.video-btn:before,
.back-btn span,
.back-btn:before,
.backtotop:before,
a.chart-block,
.chart-block,
.pb-photo,
.pb-photo.photo,
.pb-content,
.text-filter,
.text-filter input,
.ue-date,
.ue-list-item span {
    display: inline-block;
}

.menu-main-menu-container>ul>li>ul>li,
.menu-main-menu-container>ul>li>ul>li>a,
.main-menu ul ul ul li,
.main-menu ul ul ul li a,
.photo,
.page-top,
.crumb:before,
.accordion-icon:after,
.accordion-icon.active::after,
.milestones:before,
.faq:before,
.chart-cols .parent:after,
.left-side:after,
ul.chart-col.chart-level-3:before,
ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):before,
ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):after,
ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):before,
ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):after,
.pb-content h2:after,
.video-container iframe,
.download-btn-container span,
.download-icon,
.play-icon,
.downloadlink-icon {
    display: block;
}

.header-search-mobile,
.main-menu ul ul,
.main-menu ul ul ul,
.home-slide,
.caption,
.main:before,
.page-title,
.crumb:before,
.select-styled:after,
.video-btn:before,
.accordion-icon:after,
.accordion-icon.active::after,
.milestones:before,
.faq:before,
.chart-cols .parent:after,
.left-side:after,
ul.chart-col.chart-level-3:before,
ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):before,
ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):after,
ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):before,
ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):after,
.pb-content h2:after,
.video-container iframe,
.ue-date {
    position: absolute;
}

.menu-main-menu-container>ul>li,
.menu-main-menu-container>ul>li>ul>li>a,
.home-slider-container,
.home-slider-container .bx-wrapper,
.home-slider-container .bx-viewport,
.home-slider,
.photo,
.highlight-block,
.page-top,
.crumb,
a.chart-block,
.chart-block {
    position: relative;
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

.main-menu ul li a,
.main-menu ul ul ul li,
.main-menu ul ul ul li a {
    text-align: left;
}

.header-left {
    min-width: 180px;
}

.header-right,
.footer-right {
    text-align: right;
}

.ue-list-item span {
    vertical-align: top;
}

.content li:before,
.search-form-text,
.search-form-submit,
.header-search-mobile,
.footer-left,
.footer-right,
.read-more span,
.read-more:after,
.ec-prev span,
.prev.page-numbers span,
.ec-prev:before,
.prev.page-numbers:before,
.ec-next span,
.next.page-numbers span,
.ec-next:after,
.next.page-numbers:after,
.select-filter,
.ts-controls a span,
a.ts-prev:before,
a.ts-next:after,
.video-btn:before,
.back-btn span,
.back-btn:before,
.backtotop:before,
.text-filter,
.text-filter input {
    vertical-align: middle;
}

.pb-photo,
.pb-content {
    vertical-align: bottom;
}

.pb-photo {
    overflow: hidden;
}

.main-menu ul ul li a:hover,
.home-slide,
.read-more:after,
.highlight-block,
.page-top,
.download-icon,
.play-icon,
.downloadlink-icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.header-search-mobile,
.ec-prev:before,
.prev.page-numbers:before,
.ec-next:after,
.next.page-numbers:after,
.crumb,
.select-styled:after,
a.ts-prev:before,
a.ts-next:after,
.video-btn:before,
.back-btn:before,
.backtotop:before,
ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):after,
ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

body {
    min-width: 300px;
    color: #333333;
    background-color: #fff;
    font-family: "Open Sans", "Noto Sans TC", "Noto Sans SC", sans-serif;
    font-size: 60%;
    /*55%*/
    zoom: 80%;
}

.container {
    width: 100%;
    min-width: 300px;
}

.wrapper {
    width: 90%;
    max-width: 1196px;
    margin: 0 auto;
    max-width: 1188px;
}

.large-wrapper {
    max-width: 90%;
}

.people-wrapper {
    width: 95%;
    max-width: 1258px;
}

.content ul {
    margin-top: 1.5em;
}

.content>.wrapper {
    position: relative;
}

a {
    color: #94609D;
}

a:hover {
    color: #B794BE;
}

p a {
    font-size: 1em;
}

p,
li {
    font-size: 1.8em;
    line-height: 1.4;
}

.text-block {
    margin-bottom: 5em;
}

.text-block h1 {
    font-size: 3.2em;
}

.text-block h2 {
    font-size: 2.8em;
}

.text-block h3 {
    font-size: 2.4em;
}

.text-block h4 {
    font-size: 2.2em;
}

.text-block h5 {
    font-size: 2em;
}

.text-block h6 {
    font-size: 1.8em;
}

.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.text-block p,
.text-block a,
.text-block ol,
.text-block ul,
.text-block li {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.text-block li:last-child {
    margin-bottom: 0;
}

.text-block table {
    font-size: 1.2em;
}

.text-block table.custom-table {
    font-size: 1em;
}

.text-block th {
    background-color: #812e6b;
    color: #fff;
    text-align: left;
}

.content li {
    position: relative;
    margin-bottom: 1em;
    font-size: 1.8em;
}

.content ul li {
    list-style: none;
}

.content li li {
    font-size: 1em;
}

.content ul li:before {
    content: "-";
    font-weight: 700;
    font-size: 1.4em;
    margin: -6px 10px 0 10px;
    position: absolute;
    margin-left: -15px;
}

.page-template-page-management-structure .content ul li:before {
    display: none;
}

a {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.2;
}

h1 {
    font-size: 4em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.4em;
}

h4 {
    font-size: 2.6em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

.main-menu-button-inner {
    width: 29px;
    height: 22px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.main-menu-button-inner span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.main-menu-button-inner span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.main-menu-button-inner span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.main-menu-button-inner span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.main-menu-button-inner.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

.main-menu-button-inner.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.main-menu-button-inner.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 17px;
    left: 8px;
}


/* HEADER */

.header {
    background-color: #812e6b;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    -webkit-box-shadow: 0px 0px 5px;
    box-shadow: 0px 0px 5px;
}

.header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 15px 0 0;
    justify-content: space-between;
}


/*
.header-right {
  width: calc( 100% - 170px);
}
*/

.main-menu-container .header-btns {
    display: none;
}

.header-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

.header-logo img {
    width: auto;
    height: 77px;
    /*60px*/
}

span.desc {
    display: none;
}

.language-switcher {
    display: inline-block;
    position: relative;
    margin-right: 3em;
}

.language-switcher li {
    margin-right: 8px;
    border-right: 1px solid #fff;
    padding-right: 8px;
}

.language-switcher li:last-child {
    margin-right: 0;
    border-right: 0;
}

.language-switcher a {
    display: block;
    color: #fff;
}

li.lang-en {
    float: left;
}

.language-switcher .active {
    font-weight: 600;
}

.header-search .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
    background-color: #fff;
    width: 298px;
    height: 32px;
    padding: 2px 0;
}

.search-form-text {
    background-color: transparent;
    width: 250px;
    padding-right: 10px;
    padding-top: 2px;
    font-size: 16px;
}

.search-form-submit {
    background-image: url("images/search@2x.png");
    width: 27px;
    height: 25px;
    padding: 5px;
    margin-top: 1px;
    margin-left: 5px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    font: 0/0 a;
    float: left;
    cursor: pointer;
}

.header-search-mobile {
    top: 37px;
    left: -5%;
    width: calc(100% - 55px);
    /* width: 29px;
    height: 29px;
    background-image: url(images/search-w@2x.png);*/
}

.header-search,
.language-switcher {
    display: inline-block;
    vertical-align: middle;
}

.main-menu-container {
    margin: 2em 0 1em 0;
}

.menu-main-menu-container>ul {
    font-size: 0.1px;
    text-align: justify;
    text-align: right;
}

.menu-main-menu-container>ul:after {
    display: inline-block;
    content: '';
    width: 100%;
}

.menu-main-menu-container>ul>li {
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
}

.menu-main-menu-container>ul>li {
    text-align: right;
    font-size: 10px;
}

.menu-main-menu-container>ul>li>a {
    color: #fff;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
    padding: 12px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.menu-main-menu-container>ul>li>a:hover {
    background-color: #652253;
}

.menu-main-menu-container>ul>li:hover>a {
    background-color: #652253;
}

.home .menu-main-menu-container>ul>li:first-child a,
.menu-main-menu-container>ul>li.current-menu-item>a,
.menu-main-menu-container>ul>li.current-menu-parent>a {
    position: relative;
}

.home .menu-main-menu-container>ul>li:first-child a:after,
.menu-main-menu-container>ul>li.current-menu-item>a:after,
.menu-main-menu-container>ul>li.current-menu-parent>a:after,
.menu-main-menu-container>ul>li.current-menu-ancestor>a:after {
    position: absolute;
    bottom: 3px;
    left: 0;
    display: block;
    width: calc(100% - 24px);
    left: 13px;
    height: 2px;
    background-color: #fff;
    content: '';
}

.main-menu ul ul {
    display: none;
    background-color: #812e6b;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 10000;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.main-menu ul ul li a {
    padding: 11px 10px;
}

.main-menu ul ul li a:hover {
    background-image: url(images/submenu-bg@2x.jpg);
}

.main-menu ul ul {
    min-width: 150px;
}

.main-menu ul li:last-child ul ul {
    left: auto;
    right: 0;
}

.main-menu ul li:hover>ul {
    display: block;
}

.menu-main-menu-container>ul>li>ul>li {
    width: 100%;
}

.menu-main-menu-container>ul>li>ul>li>a {
    color: white;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 12px 20px 12px 15px;
}

.menu-main-menu-container>ul>li>ul>li>ul>li {
    position: relative;
}


/*
.menu-main-menu-container > ul > li:last-child > ul > li.menu-item-has-children > a {
  padding: 12px 15px 12px 25px;
}
*/

.menu-item-has-children>a {
    font-weight: 600;
}


/*.menu-main-menu-container>ul>li>ul>li.menu-item-has-children>a:after {
    @extend %abs,
    %b,
    %c,
    %middle;
    @include image("menu-arrow-sprite");
    right: 10px;
    width: 6px;
    height: 9px;
    margin-top: 4px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 4px 26px;
}

.menu-main-menu-container>ul>li:last-child>ul>li.menu-item-has-children>a:after {
    left: 10px;
    right: auto;
    margin-top: 0;
    -ms-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
}

.menu-main-menu-container>ul>li>ul>li.menu-item-has-children:hover>a:after {
    background-position: 0 -20px;
}*/

.main-menu ul ul ul {
    left: 100%;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-main-menu-container>ul>li:last-child ul ul {
    left: auto;
    right: 100%;
}

.menu-main-menu-container>ul>li:last-child ul li.menu-item-has-children:hover:after {
    left: auto;
    right: 100%;
}

.main-menu ul ul li:hover>ul {
    display: block;
}

.main-menu ul ul li.menu-item-has-children:after {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    content: '▸';
}

.main-menu ul ul ul li {
    width: 100%;
    background-color: #6d2359;
}

.main-menu ul ul ul li a {
    font-size: 1.5em;
    width: 100%;
    padding: 11px 15px;
    background-color: #6d2359;
    color: #fff;
}

.menu-main-menu-container>ul>li>ul>li {
    position: relative;
}

.header-btns {
    position: relative;
    z-index: 1001;
    text-align: left;
}

.header-btns a {
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 20px;
    border: 1px solid #fff;
    margin-right: 4px;
}


/* FOOTER */

.footer {
    border-top: 4px solid #812e6b;
    color: #812e6b;
    padding: 2% 0;
}

.footer a {
    color: #812e6b;
}

.footer-wrapper {
    overflow: hidden;
}

.footer-left {
    width: 60%;
    margin-right: 2%;
}

.footer-left a {
    text-decoration: underline;
    padding: 0 2px;
}

.footer-right {
    width: 38%;
}

.footer-menu {
    margin-top: -4px;
}

.footer-menu li {
    margin-right: 13px;
    padding-right: 13px;
    border-right: 2px solid;
    padding-left: 0 !important;
}

.footer-menu li a {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
}

.footer-menu li a:hover {
    color: #a3428a;
}

.footer-menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.footer-menu li:before {
    display: none !important;
}

.copyright {
    font-size: 1.7em;
}


/* HOME */

.home-slider-container,
.home-slider-container .bx-wrapper,
.home-slider-container .bx-viewport,
.home-slider {
    width: 100%;
    padding-bottom: 45%;
    /*56%*/
    height: 0;
}

.home-slider-container {
    background-color: #812e6b;
    position: relative;
    padding-bottom: 51%;
}

.home-slider-container .wrapper {
    position: relative;
}

.home-slider-container:before {
    position: absolute;
    display: block;
    bottom: 0%;
    width: 100%;
    padding-bottom: 6.5%;
    background-color: #fff;
    content: '';
}

.home-slider-container .bx-wrapper {
    background-color: #812e6b;
}

.home-slider-container .bx-wrapper .bx-pager {
    position: absolute;
    width: 10px;
    left: -3%;
    bottom: 50%;
}

.home-slider-container .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    border-radius: 0;
    margin-bottom: 20px;
}

.home-slider-container .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child a {
    margin-bottom: 0;
}

.home-slide {
    width: 100%;
    height: 100%;
}

.caption {
    right: 0;
    top: 17%;
    width: 44%;
}

.caption h2 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    color: #812e6b;
    font-size: 4.7em;
    font-weight: 600;
    line-height: 1;
    padding: 35px;
    margin-bottom: 5px;
}

.slide-btns {
    float: right;
}

.slide-btn {
    display: block;
    width: 130px;
    background-color: #812e6b;
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    padding: 8px 10px;
    margin-bottom: 5px;
}

.slide-btn:hover {
    background-color: #fff;
}

.sec-padding {
    padding: 5em 0;
}

.sec-heading {
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2;
    color: #812e6b;
    margin-bottom: 1em;
}

.carousel-slider-container,
.homelink-slider-container {
    position: relative;
}

.photo {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.photo:hover img {
    -webkit-transform: perspective(1000px) scale(1.1, 1.1);
    transform: perspective(1000px) scale(1.1, 1.1);
    -webkit-transform-style: flat;
    transform-style: flat;
}

.home-news .photo:hover img {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.home-news h3 {
    font-size: 2.1em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1em;
}

.hn-photo {
    width: 100%;
    padding-bottom: 55%;
}

.hn-details {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0;
}

.hn-cat {
    color: #812e6b;
}

.read-more {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    color: #333333;
}

.read-more:after {
    width: 16px;
    height: 16px;
    background-image: url(images/right-arrow-p@2x.png);
    margin-left: 10px;
    content: '';
}

.bx-wrapper .bx-controls-direction a {
    top: 30%;
}

.bx-wrapper .bx-prev {
    left: -3%;
    background-image: url(images/prev-b@2x.png);
    width: 17px;
    height: 14px;
}

.bx-wrapper .bx-next {
    right: -3%;
    background-image: url(images/next-b@2x.png);
    width: 17px;
    height: 14px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ec-header {
    position: relative;
    padding: 0 100px 6px;
    text-align: center;
}

.ec-month {
    color: #812e6b;
    font-size: 2.7em;
    font-weight: 700;
    line-height: 1.2;
    padding-right: 10%;
}

.ec-prev,
.ec-next,
.ec-table th,
.ec-table td,
.prev.page-numbers,
.next.page-numbers {
    font-size: 1.8em;
    text-align: center;
}

.ec-table th {
    font-weight: 600;
}

.ec-prev,
.prev.page-numbers {
    padding-right: 20px;
}

.ec-prev:before,
.prev.page-numbers:before {
    width: 14px;
    height: 16px;
    background-image: url(images/prev-b@2x.png);
    margin-right: 10px;
    content: '';
}

.page-numbers {
    font-size: 1.8em;
    padding: 0 5px;
}

.ec-next,
.next.page-numbers {
    padding-left: 20px;
}

.ec-next:after,
.next.page-numbers:after {
    width: 14px;
    height: 16px;
    background-image: url(images/next-b@2x.png);
    margin-left: 10px;
    content: '';
}

.search .prev.page-numbers:before,
.search .next.page-numbers:after {
    display: none;
}

.calendar-section .ec-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 28px;
}

.calendar-section .ec-next {
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 28px;
}

.table-wrapper {
    width: 89%;
}

table {
    width: 100%;
}

.ec-table {
    padding-top: 30px;
    width: 89%;
}

.ec-table th {
    padding: 20px 5px;
}

.ec-table td {
    padding: 20px 5px;
}

.daywithevent {
    position: relative;
    color: #812e6b;
    font-weight: 700;
    cursor: pointer;
    /* .purple.past:before {
        display: none;
    }
    .current.purple:before {
        top: 0;
    }*/
}

.daywithevent:before {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 6px;
    height: 6px;
    background-color: #812e6b;
    content: '';
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#today .ec-day {
    position: relative;
    color: #fff;
}

#today .ec-day:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-color: #812e6b;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.ecw-short {
    display: none;
}

.latest-events-section {
    position: relative;
    width: 46%;
}

.latest-events-section .sec-heading {
    padding-bottom: 4px;
}

.latest-events-section p {
    width: 90%;
}

.latest-events-section p a {
    font-size: 1em;
    color: #333333;
}

.latest-events-section a.more-link {
    display: block;
    font-size: 1.8em;
    color: #812e6b;
    text-align: right;
    /*  margin-top: 5em;*/
}

.le-block {
    /*  display: flex;
    align-items: center;
    justify-content: space-between;*/
    margin-bottom: 3em;
    /*  position: absolute;
    top: 65%;
    width: 100%;
    transform: translateY(-50%);*/
}

.le-day {
    width: 72px;
    height: 72px;
    background-color: #812e6b;
    color: #fff;
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    padding: 12px 10px;
    margin-bottom: 4%;
}

.le-text {
    margin-bottom: 10px;
}

.le-text p {
    margin-bottom: 0;
}

.le-text a {
    display: block;
    font-size: 1.8em;
    text-align: right;
}

.home-event-section {
    position: relative;
}

.home-event-section:after {
    position: absolute;
    top: 39px;
    left: 0;
    background-color: #812e6b;
    width: 100%;
    height: 1px;
    content: '';
}

.home-event-section .sec-heading {
    position: absolute;
    top: 0;
    left: 54%;
}

.grey-bg {
    background-color: #dbdbdb;
}

.white-bg {
    background-color: #fff;
}

.purple-bg {
    background-color: #812e6b;
    color: #fff;
}

.highlight-block {
    width: 100%;
    padding-bottom: 39%;
    margin-bottom: 2%;
}

.highlight-rows {
    position: absolute;
    right: 0;
    width: 38%;
    height: 100%;
    background-color: #fff;
}

.highlight-row p {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5%;
}

.highlight-row h3 {
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1.2;
}

.hr-content {
    padding: 5% 7% 7% 7%;
    cursor: pointer;
}

.hr-content:hover {
    color: #a4a4a4;
}

.highlight-row:last-child .hr-content:last-child {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.highlight-row:last-child .hr-content:last-child:before {
    display: inline-block;
    margin-bottom: 5%;
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    content: '';
}

.home-link {
    position: relative;
}

.home-link h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(129, 46, 107, 0.8);
    color: #fff;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    padding: 13px 16px;
}

.home-links {
    margin-bottom: 5em;
}

.home-links:nth-child(odd) .home-link:nth-child(even) h3 {
    background-color: rgba(128, 128, 128, 0.8);
}

.home-links:nth-child(even) .home-link:nth-child(odd) h3 {
    background-color: rgba(128, 128, 128, 0.8);
}

.home-links .bx-wrapper .bx-prev {
    background-image: url(images/prev-p@2x.png);
}

.home-links .bx-wrapper .bx-next {
    background-image: url(images/next-p@2x.png);
}

.grid-1-3 {
    overflow: hidden;
}

.grid-1-3>.grid-col {
    display: block;
    float: left;
    width: 32.5%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.grid-1-3>.grid-col:nth-child(3n+3) {
    margin-right: 0;
}

.grid-1-3>.grid-col:nth-child(3n+1) {
    clear: both;
}

.grid-1-4 {
    overflow: hidden;
}

.grid-1-4>.grid-col {
    display: block;
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.grid-1-4>.grid-col:nth-child(4n+4) {
    margin-right: 0;
}

.grid-1-4>.grid-col:nth-child(4n+1) {
    clear: both;
}

.people-cols {
    overflow: hidden;
}

.people-cols>.people-col {
    display: block;
    float: left;
    width: 20%;
    margin-right: 6.5%;
    margin-bottom: 4%;
}

.people-cols>.people-col:nth-child(4n+4) {
    margin-right: 0;
}

.people-cols>.people-col:nth-child(4n+1) {
    clear: both;
}

a.home-link {
    padding-bottom: 21.7%;
    font-size: 1em;
    overflow: hidden;
}

a.homelink-slide {
    padding-bottom: 3.5%;
}

.homelink-slider-container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
}


/* Inpage */

.inpage-wrapper {
    position: relative;
}

.page-top-wrapper,
.inpage-wrapper {
    max-width: 1188px;
}

.main {
    position: relative;
}

.main:before {
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 13.5%;
    background-color: #812e6b;
    content: '';
}

.home .main:before {
    display: none;
}

.page-top {
    padding-bottom: 32.3%;
}

.home .page-top {
    display: none;
}

.page-title {
    left: 0;
    top: 13%;
    width: 100%;
    height: 84%;
}

.page-title h1 {
    /* width: 250px; */
    color: #812e6b;
    font-size: 3.9em;
    font-weight: 700;
    line-height: 1.2;
}

.page-title img {
    width: 203px;
}

.breadcrumb {
    margin: 3em 0 5em;
}

.breadcrumb>span:first-child {
    position: relative;
    z-index: 4;
}

.breadcrumb>span:nth-child(2) {
    position: relative;
    z-index: 3;
    margin-left: -20px;
}

.breadcrumb>span:nth-child(3) {
    position: relative;
    z-index: 2;
    margin-left: -20px;
}

.breadcrumb>span:nth-child(4) {
    position: relative;
    z-index: 1;
}

.page-template-page-events .breadcrumb>span:nth-child(2),
.page-template-page-course-list .breadcrumb>span:nth-child(2) {
    margin-left: -20px;
}

.crumb {
    min-width: 223px;
    height: 35px;
    background-position: right center;
    background-size: auto 35px;
    font-size: 1.9em;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    padding: 0 15px 0 5px;
    margin-left: -23px;
}

.crumb:before {
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 100%;
    background-color: #812e6b;
    content: '';
}

.crumb:first-child {
    margin-left: 0;
}

.crumb span {
    position: relative;
    margin-top: 6px;
    display: inline-block;
    padding: 0 30px;
    z-index: 5;
}

a.crumb,
div.crumb {
    position: relative;
    background-image: url(images/crumb-w@2x.png);
    z-index: 2;
}

a.crumb:first-child,
div.crumb:first-child {
    z-index: 3;
}

a.crumb:before,
div.crumb:before {
    background-color: #fff;
    background-image: url(images/crumb-w@2x.png);
    background-size: auto 35px;
    background-position: left;
}

div.crumb span {
    color: #812e6b;
}

span.crumb {
    background-image: url(images/crumb-p@2x.png);
    background-repeat: no-repeat;
    color: #fff;
}

.top-filters {
    position: absolute;
    right: 0;
    top: -98px;
}


/* Custom select */

.select-filter label {
    display: inline-block;
    margin-right: 5px;
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select,
.py-select {
    position: relative;
    display: inline-block;
    width: 100%;
    /* height: 36px;*/
    min-width: 176px;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    cursor: pointer;
}

.py-select {
    min-width: 210px;
}

.py-select.open .select-options {
    display: block;
}

.select-options li:hover a {
    color: #fff;
}

.select-styled {
    /*  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
    position: relative;
    background-color: #fff;
    padding: 6px 15px;
    padding-right: 60px;
}

.custom-select {
    background-color: #fff;
}

.select-styled:after {
    top: 0;
    right: 12px;
    width: 16px;
    height: 100%;
    background-image: url(images/arrow-bottom@2x.png);
    content: '';
}

ul.select-options {
    position: absolute;
    display: none;
    top: 0;
    /* width: calc(100% + 3px);
    left: -1px;*/
    left: 0;
    margin: 0;
    margin-top: 0;
    padding: 0;
    border-top: 0;
    list-style: none !important;
    z-index: 999;
    width: 100%;
    overflow: hidden;
    position: relative;
}

ul.select-options li {
    margin: 0;
    padding: 8px 0;
    text-indent: 15px;
    font-size: 1em;
}

ul.select-options li:before {
    display: none;
}

ul.select-options li:hover,
ul.select-options li.is-selected {
    color: #fff;
    background: #812e6b;
}

ul.select-options li[rel="hide"] {
    display: none;
}

label:nth-child(3) .select-options {
    left: -2px;
}

.select-filter label:nth-child(2) .select-options {
    left: -2px;
}


/* End of Custom Select */

.ts-block {
    font-size: 1em;
    background-color: rgba(127, 46, 106, 0.11);
    margin-bottom: 2em;
    padding: 3em;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.ts-block span {
    display: block;
}

a.ts-block:hover {
    background-color: #812e6b;
    color: #fff;
}

a.ts-block:hover .ts-cat,
a.ts-block:hover h3.ts-title,
a.ts-block:hover .ts-speaker,
a.ts-block:hover .ts-description a,
a.ts-block:hover .ts-remarks a,
a.ts-block:hover .ts-overview a,
a.ts-block:hover .ts-handout a,
a.ts-block:hover .ts-file a,
a.ts-block:hover .ts-video a {
    color: #fff !important;
}

.ts-block:last-child {
    margin-bottom: 0;
}

.ts-left {
    width: 80%;
    padding-bottom: 2em;
}

.ts-right {
    width: 20%;
    text-align: right;
}

.ts-date {
    font-size: 2.1em;
    margin-bottom: 1em;
}

.ts-cat {
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2;
    color: #812e6b;
    margin-bottom: 1em;
}

h3.ts-title {
    padding-right: 1em;
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2;
    color: #812e6b;
    margin-bottom: 1em;
}

.ts-abstract {
    display: block;
    padding-right: 10em;
}

.ts-abstract p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: inherit;
}

.ts-description,
.ts-remarks,
.ts-speaker,
.ts-overview,
.ts-handout,
.ts-file,
.ts-video {
    display: block;
    font-size: 1.8em;
    margin-bottom: 1em;
}

.ts-description p,
.ts-remarks p,
.ts-description a,
.ts-remarks a,
.ts-description th,
.ts-remarks th,
.ts-description td,
.ts-remarks td,
.ts-description li,
.ts-remarks li,
.ts-overview a,
.ts-handout a,
.ts-file a,
.ts-video a {
    font-size: 1em;
}

.ts-controls {
    /*  width: 184px;*/
    margin: auto;
    text-align: center;
}

.ts-controls a {
    color: #812e6b;
}

.ts-controls a:hover {
    opacity: .5;
}

a.ts-prev {
    font-size: 1.8em;
}

a.ts-prev:before {
    width: 14px;
    height: 16px;
    background-image: url(images/prev-p@2x.png);
    margin-right: 10px;
    content: '';
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

a.ts-prev:hover {
    opacity: .7;
}

a.ts-next {
    font-size: 1.8em;
    float: right;
}

a.ts-next:after {
    width: 14px;
    height: 16px;
    background-image: url(images/next-p@2x.png);
    margin-left: 10px;
    content: '';
}

a.ts-next:hover {
    opacity: .7;
}

.cs-left {
    margin-right: 5%;
    width: calc(100% - 360px);
}

.no-image .cs-left {
    margin-right: 0;
    width: 100%;
}

.cs-left h2 {
    color: #812e6b;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 3%;
    margin-bottom: 3%;
}

.cs-left>h2:first-child {
    border-bottom: 1px solid #812e6b;
}

.cs-left p {
    font-size: 1.8em;
    margin-bottom: 1em;
    text-align: justify;
}

.small-text {
    font-size: 0.9em;
}

.cs-date {
    font-size: 2.1em;
    margin-bottom: 1em;
}

.cs-right {
    width: 350px;
}

.primary-btn {
    display: inline-block;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    background-color: #812e6b;
    color: #fff;
    padding: 15px 30px;
    margin-top: 2em;
    margin-right: 10px;
}

.primary-btn:last-child {
    margin-right: 0;
}

.primary-btn:hover {
    background-color: #652253;
    color: #fff;
}

.single-news .primary-btn,
.single-event .primary-btn {
    padding: 22px 30px;
}

.single-event .primary-btn {
    padding: 14px 30px;
}

.logout-btn {
    display: inline-block;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2;
    background-color: #4d4d4d;
    color: #fff;
    padding: 10px 30px;
    margin-top: 2em;
    margin-right: 10px;
}

.video-btn {
    position: relative;
}

.video-btn span {
    padding-left: 60px;
}

.video-btn:before {
    left: 24px;
    top: 15px;
    width: 51px;
    height: 36px;
    margin-right: 15px;
    background-image: url(images/video-icon@2x.png);
    margin-left: 0;
    content: '';
}

.video-btn:hover:before {
    background-image: url(images/video-icon-p@2x.png);
}

.accordion {
    margin-bottom: 3%;
}

.accordion-icon {
    position: relative;
    background-color: #e7e7e7;
    color: #812e6b;
    border-top: 3px solid #812e6b;
    padding: 10px 20px;
    cursor: pointer;
}

.accordion-icon:after {
    top: 0.5px;
    right: 20px;
    font-size: 2em;
    font-weight: 700;
    line-height: 1;
    color: #812e6b;
    content: '+';
}

h3.accordion-icon {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}

.accordion-details {
    display: none;
    padding: 10px 20px 0 20px;
}

.milestones .accordion-details,
.faq .accordion-details {
    padding: 10px 0 0 0;
}

.accordion-details p,
.accordion-details a {
    text-align: justify;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.4;
}

.accordion-details ul {
    margin-bottom: 1em;
}

.accordion-details p a,
.accordion-details li a {
    font-size: 1em;
    color: #812e6b;
}

.accordion-details ul ul {
    margin-top: 0.5em;
}

.teacher .accordion-details ul {
    margin-left: 35px;
}

.aligncenter {
    text-align: center;
}

.back-btn {
    color: #812e6b;
    font-size: 1.9em;
    font-weight: 600;
    line-height: 1.2;
}

.back-btn:before {
    width: 8px;
    height: 20px;
    background-image: url(images/prev-solid-p@2x.png);
    margin-right: 15px;
    content: '';
}

.tab {
    margin-bottom: 5em;
}

.tab button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tablink {
    display: inline-block;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    background-color: #fff;
    padding: 15px 30px;
    margin-right: 2px;
    border: 1px solid #812e6b;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    cursor: pointer;
}

.tablink:last-child {
    margin-right: 0;
}

.tablink:hover {
    background-color: #812e6b;
    color: #fff;
}

.tablink.active {
    background-color: #812e6b;
    color: #fff;
}

.tabcontents {
    min-height: 50vh;
    margin-bottom: 5em;
}

.tabcontent {
    display: none;
}

.custom-table,
.text-block {
    table-layout: fixed;
}

.custom-table th,
.custom-table td,
.text-block th,
.text-block td {
    border: 0;
    text-align: justify;
}

.custom-table th,
.text-block th {
    color: #812e6b;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    border-bottom: 1px solid #808080;
    padding-bottom: 10px;
    padding: 10px;
    text-align: left;
}

.custom-table tr:nth-child(odd),
.text-block tr:nth-child(odd) {
    background-color: #e7e7e7;
}

.custom-table td,
.text-block td {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.7;
    padding: 10px;
    text-align: left;
}

.course-list th:first-child,
.course-list td:first-child {
    width: 15%;
}

.course-list th:nth-child(2),
.course-list td:nth-child(2) {
    width: 30%;
}

.course-list th:nth-child(3),
.course-list td:nth-child(3) {
    width: 34%;
}

.course-list th:nth-child(4),
.course-list td:nth-child(4) {
    width: 9%;
}

.course-list th:nth-child(5),
.course-list td:nth-child(5) {
    width: 26%;
}

.course-list .course-code {
    font-weight: 600;
}

.backtotop {
    display: block;
    color: #812e6b;
    font-size: 1.9em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1em;
}

.backtotop:before {
    width: 18px;
    height: 17px;
    margin-right: 10px;
    background-image: url(images/arrow-top@2x.png);
    content: '';
}

.lightpurple-block {
    background-color: rgba(127, 46, 106, 0.11);
    padding: 30px;
    margin-bottom: 2%;
}

.lb-left {
    position: relative;
    width: 35.5%;
    border-right: 1px solid #812e6b;
}

.lb-left h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2;
    color: #812e6b;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lb-right {
    width: 64.5%;
    padding-left: 5em;
}

.lb-right p {
    font-size: 2.2em;
    color: #812e6b;
    margin-bottom: 3%;
}

.lb-right a {
    display: block;
    color: #812e6b;
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1.2;
    text-align: right;
    width: 90%;
}

.accordion-icon.active::after {
    right: 22px;
    top: 18px;
    height: 4.5px;
    width: 18px;
    background-color: #812e6b;
    content: '';
}

.faq-block .accordion-icon.active::after {
    top: 18px;
}

.milestones,
.faq {
    position: relative;
    margin-bottom: 3em;
}

.milestones:before,
.faq:before {
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #812e6b;
    content: '';
}

.milestones .accordion,
.faq .accordion {
    width: 85%;
    border: 3px solid #e7e7e7;
    margin-bottom: 0;
    padding: 16px 16px 16px 25px;
}

.milestones .accordion-icon,
.faq .accordion-icon {
    background-color: #ffffff;
    border: 0;
    padding: 0;
}

.milestones .accordion-icon:after,
.faq .accordion-icon:after {
    top: -15px;
    right: 0;
    font-size: 6.1em;
}

.faq .accordion-icon.active:after {
    top: 10px;
    right: 3px;
    width: 27px;
}

.milestones p,
.faq p {
    font-size: 1.8em;
    width: calc(100% - 80px);
    text-align: justify;
}

.milestones ul,
.faq ul {
    width: calc(100% - 80px);
}

.milestones li,
.faq li {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    margin-left: 25px;
    text-align: justify;
}

.milestones a,
.faq a {
    font-size: 1em;
    color: #812e6b;
}

.milestones .accordion-icon.active::after,
.faq .accordion-icon.active::after {
    top: 13px;
    right: 3px;
    height: 7px;
    width: 29px;
    background-color: #812e6b;
    content: '';
}

.faq {
    margin-bottom: 5em;
}

.faq .accordion {
    width: 100%;
}

.milestone-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3%;
}

.milestone-block:last-child {
    margin-bottom: 0;
}

.m-year {
    width: 15%;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    border-top: 3px solid #e7e7e7;
    border-bottom: 3px solid #e7e7e7;
    padding: 16px 25px;
}

.past-event .accordion {
    /* width: 85%;
    padding: 16px 50px;*/
}

.m-heading {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    padding-right: 38px;
}

.faq-block {
    margin-bottom: 2em;
}


/* Chart */

.chart-cols {
    font-size: 1em;
    text-align: center;
}

.chart-cols li:before {
    content: '';
    margin: 0;
}

.chart-cols .parent {
    position: relative;
}

.chart-cols .parent:after {
    top: 46px;
    left: 50%;
    height: 75px;
    width: 1px;
    background-color: #c1c1c1;
    content: '';
}

.chart-cols>.parent:after {
    top: 56px;
}

a.chart-block,
.chart-block {
    background-color: #fff;
    color: #fff;
    width: 100%;
    min-height: 46px;
    background-color: #812e6b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    padding: 12px 20px;
    text-align: left;
    vertical-align: middle;
    -webkit-transition: .3 ease-in-out;
    transition: .3 ease-in-out;
}

a.chart-block a,
.chart-block a {
    color: #fff;
    font-weight: 700;
}

a.chart-block ul,
a.chart-block li,
.chart-block ul,
.chart-block li {
    font-size: 1em;
    list-style: none;
    font-weight: 400;
}

a.chart-block p,
a.chart-block ul,
.chart-block p,
.chart-block ul {
    padding: 0 20px;
    line-height: 1.8;
}

a.chart-block {
    position: relative;
    width: 363px;
}

.link-icon {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 33px;
}

.chart-level-1>.chart-block {
    width: auto;
    padding: 7px 34px;
    text-align: center;
}

.chart-level-1>.chart-block p {
    font-size: 23px;
}

.chart-level-2 .parent:after {
    height: 150px;
    z-index: -1;
}

ul.chart-col {
    margin: 75px auto;
}

ul.chart-col li {
    position: relative;
    display: block;
}

.left-side {
    position: absolute;
    display: inline-block;
    top: 96px;
    left: calc(50% - 410px);
}

.left-side:after {
    top: 50%;
    right: -48px;
    height: 1px;
    width: 50px;
    background-color: #c1c1c1;
    content: '';
    z-index: -1;
}

ul.chart-col.chart-level-3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 55px;
    margin-top: 150px;
    gap: 56px;
}

ul.chart-col.chart-level-3 .chart-block {
    padding: 20px;
}

ul.chart-col.chart-level-3 a.chart-block {
    width: 100%;
    padding: 12px 20px;
}

ul.chart-col.chart-level-3:before {
    top: 0;
    left: 15%;
    height: 55px;
    width: 70%;
    border: 1px solid #c1c1c1;
    border-bottom: 0;
    content: '';
}

ul.chart-col.chart-level-3>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

ul.chart-col.chart-level-3>li:before {
    display: none;
}

ul.chart-col.chart-level-3 li:first-child .chart-block {
    background-color: rgba(129, 46, 107, 0.75);
}

ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2) {
    position: relative;
    margin-top: 69px;
    height: 300px;
}

ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):before {
    top: -69px;
    left: 48%;
    height: 69px;
    width: 1px;
    background-color: #c1c1c1;
    content: '';
}

ul.chart-col.chart-level-3 li:first-child .chart-block:nth-child(2):after {
    top: 50%;
    right: -58px;
    width: 60px;
    height: 19px;
    background-image: url(images/arrow-left@2x.png);
    content: '';
    z-index: -1;
}

ul.chart-col.chart-level-3 li:nth-child(2) .chart-block {
    background-color: #808080;
    height: 416px;
}

ul.chart-col.chart-level-3 li:last-child .chart-block {
    background-color: #ba8cae;
}

ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2) {
    position: relative;
    margin-top: 38px;
    height: 286px;
}

ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):before {
    top: -38px;
    left: 50%;
    height: 38px;
    width: 1px;
    background-color: #c1c1c1;
    content: '';
}

ul.chart-col.chart-level-3 li:last-child .chart-block:nth-child(2):after {
    top: 50%;
    left: -58px;
    width: 60px;
    height: 19px;
    background-image: url(images/arrow-right@2x.png);
    content: '';
    z-index: -1;
}

.w-block {
    position: relative;
    padding: 12px 15px 12px 15px;
    min-height: 64px;
    background-color: #fff;
    color: #812e6b;
    margin-bottom: 20px;
}

.w-block:last-child {
    margin-bottom: 30px;
}

.w-block span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 10px 18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.chart-content {
    position: absolute;
    top: 72%;
    left: 50%;
    width: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.col-1 {
    width: 30%;
    margin-right: 5%;
}

.col-1 h2 {
    font-size: 2.8em;
    font-weight: 600;
    line-height: 1.2;
    color: #812e6b;
}

.col-2 {
    width: 70%;
}

.col-2 h3 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    margin-bottom: 3%;
}

.col-2 h4 {
    position: relative;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    margin-bottom: 1%;
}

.col-2 h4 span {
    position: relative;
    background-color: #fff;
    padding-right: 10px;
    z-index: 2;
}

.col-2 h4:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #812e6b;
    content: '';
}

.col-2 p {
    margin-bottom: 2em;
}

.people-block {
    overflow: hidden;
    margin-bottom: 2em;
}

.pb-photo {
    position: relative;
    width: 237.5px;
    /*277px*/
    height: 312.84px;
    background-color: #f5f5f5;
    background-image: url(images/ouge_logo1_square.png);
    background-repeat: no-repeat;
    background-position: center;
    /*367px*/
}

.pb-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.pb-content {
    width: calc(100% - 283px);
}

.pb-content h2 {
    position: relative;
    font-size: 2.1em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    padding-bottom: 2em;
    margin-bottom: 2%;
    padding-left: 7%;
}

.pb-content h2:after {
    width: 100%;
    height: 1px;
    bottom: 0;
    left: -3px;
    background-color: #812e6b;
    content: '';
}

.pb-content p {
    padding: 0 7%;
}

.people-cols {
    /*  display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.people-col {
    /* -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    max-width: 20%;
    margin: 0% 2.5% 6% 2.5%;*/
    font-size: 1em;
}

.pc-content {
    display: block;
}

.pc-content h2 {
    position: relative;
    height: 67px;
    font-size: 1.9em;
    font-weight: 700;
    line-height: 1.2;
    color: #812e6b;
    padding-bottom: 2em;
    margin: 5% 0 3% 0;
    border-bottom: 1px solid;
}

.pc-photo {
    width: 100%;
    padding-bottom: 133%;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: url(images/ouge_logo1_square.png);
    background-repeat: no-repeat;
    background-position: center;
}

.pc-title {
    display: block;
    font-size: 1.8em;
    color: #333333;
}

.teacher-filter,
.top-filters {
    top: -83px;
    border: 1px solid #802e6b;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56%;
    margin: 5em 0;
}

.video-container iframe {
    width: 100%;
    height: 100%;
}

.conference-bottom {
    border-top: 1px solid #812e6b;
    padding-top: 5em;
}

.download-table {
    margin-top: 5em;
}

.download-table table {
    table-layout: fixed;
    margin-bottom: 3em;
}

.download-table th {
    background-color: #862c79;
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2;
}

.download-table th:first-child {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
    text-align: justify;
}

.download-table th,
.download-table td {
    padding: 20px 30px;
}

.download-table tr {
    border: 1px solid #dfdfdf;
}

.download-table th:first-child,
.download-table td:first-child {
    width: 88%;
}

.download-table th:last-child {
    position: relative;
    width: 12%;
    background-color: #812e6b;
    padding: 0;
}

.download-table th:last-child {
    /*  background-color: #862d79;*/
    text-align: center;
}

.download-table td {
    font-size: 1.8em;
}

.video-table {
    margin-top: 5em;
}

.video-table table {
    table-layout: fixed;
    margin-bottom: 3em;
}

.video-table th,
.video-table td {
    padding: 20px 30px;
}

.video-table tr {
    border: 1px solid #dfdfdf;
}

.video-table th {
    position: relative;
    padding: 20px 30px;
    background-color: #862c79;
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}

.video-table th:first-child {
    width: 20%;
}

.video-table th span {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.video-table td {
    font-size: 1.8em;
}

.video-table td:first-child {
    width: 20%;
}

.video-table td:nth-child(2) {
    width: 68%;
}

.video-table td:nth-child(3) {
    width: 12%;
}

.vt-heading {
    padding: 20px 30px;
    background-color: #862c79;
    color: #fff;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}

.vt-heading span {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.content .download-table th {
    border: 0;
}

.flex .download-btn-container {
    width: 70px;
    height: 70px;
}


/*.download-table*/

.download-btn-container {
    position: relative;
    width: 12%;
    background-color: #812e6b;
    padding: 0;
    text-align: center;
    border-right: 2px solid #dfdfdf;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.download-btn-container:last-child {
    border: 0;
}

.download-btn-container span {
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin-top: 3px;
}

.download-btn-container:hover {
    background-color: #b24896;
}

.download-btn-container.col-1-2 {
    width: 6%;
}

.no-margin {
    margin: 0 !important;
}

.download-btn {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    padding: 5px 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.download-btn-container {
    position: relative;
    background-color: #812e6b;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.download-btn-container:hover {
    background-color: #b24896;
}

.download-btns .download-btn:first-child {
    width: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-right: 2px solid #dfdfdf;
}

.download-btns .download-btn:last-child,
.download-btns .download-btn-container {
    width: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.download-icon,
.play-icon,
.downloadlink-icon {
    width: 24px;
    height: 25px;
    text-align: center;
    margin: auto;
    background-image: url(images/download-icon@2x.png);
}

.play-icon {
    width: 30px;
    height: 30px;
    background-image: url(images/play-icon@2x.png);
}

.downloadlink-icon {
    margin-bottom: 4px;
    background-image: url(images/link@2x.png);
}

.ue-top {
    position: relative;
}

.ue-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 184px;
}

.text-filter {
    width: 236px;
    border: 1px solid #a8a8a8;
    padding: 3px 10px;
}

.text-filter input {
    font-size: 1.8em;
}

.text-filter input[type="search"]::-webkit-input-placeholder {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    color: #a8a8a8;
}

.text-filter input[type="search"]:-ms-input-placeholder {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    color: #a8a8a8;
}

.text-filter input[type="search"]::-ms-input-placeholder {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    color: #a8a8a8;
}

.text-filter input[type="search"]::placeholder {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    color: #a8a8a8;
}

.text-filter .search-form-submit {
    float: unset;
    background-size: 80%;
    margin-top: 0;
}

.text-filter input[type="search"] {
    width: 175px;
}

.ue-blocks {
    margin-top: 3em;
}

.ue-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 3px solid #e7e7e7;
    border-top: 4px solid #812e6b;
}

.ue-left {
    position: relative;
    width: 196px;
    color: #812e6b;
    text-align: center;
    border-right: 3px solid #e7e7e7;
}

.ue-date {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ue-date span:last-child {
    font-size: 2.1em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ue-day {
    display: block;
    font-size: 5em;
    font-weight: 700;
    line-height: 1;
}

.ue-right {
    position: relative;
    width: calc(100% - 196px);
    padding: 5em;
    color: #812e6b;
}

.ue-right h2 {
    font-size: 2.1em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1%;
}

.ue-block {
    margin-bottom: 1%;
}

.ue-block:last-child {
    margin-bottom: 0;
}

.ue-list-item {
    margin-bottom: 5px;
}

.ue-list-item span {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.4;
}

.ue-list-item span:first-child {
    width: 80px;
    font-weight: 700;
}

.back-section {
    padding: 7em 0;
}

.conference .backtotop,
.upcoming-events .backtotop,
.upcoming-event .backtotop {
    display: none;
}

.pb-title {
    display: block;
    color: #812e6b;
    font-weight: 700;
}

.content .upper-alpha-list {
    margin-bottom: 5em;
    margin-left: 0;
}

.content .upper-alpha-list li {
    list-style-type: upper-alpha;
    margin-left: 18px;
}

.content .upper-alpha-list li:before {
    display: none;
}

.cat-tag {
    position: absolute;
    display: inline-block;
    top: -1px;
    right: 20px;
    background-color: #812e6b;
    color: #fff;
    padding: 5px 10px;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2;
}

.home-links-mb {
    display: none;
}

.home-links-list {
    border: 1px solid #812e6b;
}

.home-links-list ul {
    padding: 5em 3em 5em 13.5em;
}

.home-links-list li {
    font-size: 2.8em;
    margin-bottom: 0.5em;
}

.home-links-list li a {
    font-weight: 600;
}

.hll-heading {
    background-color: #812e6b;
    padding: 10px 25px;
    color: #fff;
}

.hll-heading:after {
    content: '>';
    float: right;
}

@media screen and (min-width: 1350px) {
    .home-slider-container {
        padding-bottom: 536px;
        /*670*/
    }
    .home-slider-container:before {
        padding-bottom: 60px;
    }
}


/* MOBILE */

.main-menu-mask,
.main-menu-button,
.main-menu-top,
.mobile {
    display: none;
}

.table-heading,
.module-heading {
    display: none;
}

.page-title h1.white-text {
    color: #fff;
}

.single-staff span.crumb:last-child,
.single-event span.crumb:last-child,
.single-news span.crumb:last-child {
    display: none;
}

.page-template-page-course-outline .sec-heading,
.page-template-page-course-outline .custom-table a,
.single-course_outline .sec-heading,
.single-course_outline .custom-table a,
.page-template-page-course-outline-list .sec-heading,
.page-template-page-course-outline-list .custom-table a {
    color: #2F9C95;
}

.page-template-page-course-outline .custom-table th,
.single-course_outline .custom-table th,
.page-template-page-course-outline-list .custom-table th {
    color: #fff;
    background-color: #2F9C95;
}

.page-template-page-course-outline .tablink,
.single-course_outline .tablink,
.page-template-page-course-outline-list .tablink {
    color: #2F9C95;
    border-color: #2F9C95;
}

.page-template-page-course-outline .tablink:hover,
.single-course_outline .tablink:hover,
.page-template-page-course-outline-list .tablink:hover {
    background-color: #2F9C95;
    border-color: #2F9C95;
    color: #fff;
}

.page-template-page-course-outline .tablink.active,
.single-course_outline .tablink.active,
.page-template-page-course-outline-list .tablink.active {
    background-color: #2F9C95;
    color: #fff;
}

.page-template-page-course-outline .custom-table tr:nth-child(even),
.single-course_outline .custom-table tr:nth-child(even),
.page-template-page-course-outline-list .custom-table tr:nth-child(even) {
    background-color: #e0eceb;
}

.gallery-photo {
    overflow: hidden;
    padding-bottom: 21%;
}

.gallery-photo span {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 0.9em;
    padding: 5px;
}

.gallery-block {
    margin-bottom: 1em;
}

.gallery-block .gallery-photo {
    padding-bottom: 0;
}

.gallery-block .gallery-photo img {
    position: relative;
}

.fancybox-caption {
    font-size: 2em;
}

.grid-1-4 .gallery-photo {
    padding-bottom: 16%;
}

.grid-1-4 .gallery-photo img {
    -o-object-position: top center;
    object-position: top center;
}


/*Tooltip*/

.tooltip,
.pop_up {
    position: relative;
    display: inline-block;
}

.tooltip {
    display: none;
    width: 200px;
    background-color: #dbdbdb;
    text-align: center;
    padding: 7px;
    position: absolute;
    z-index: 1;
    top: 85%;
    left: 0;
    font-weight: 500;
    margin-left: -60px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 0.9em;
    -webkit-box-shadow: 0px 2px 8px #0000003b;
    box-shadow: 0px 2px 8px #0000003b;
}

.tooltip a {
    display: block;
    color: #812e6b;
    padding: 0 3px;
    text-align: center;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1.5;
}

.tooltip h4 {
    background-color: #fff;
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #dbdbdb transparent;
}

.tooltip.active,
.daywithevent:hover>.tooltip {
    display: block;
    top: 100%;
    left: 12px;
    opacity: 1;
}

.search-form {
    background-color: #f2f2f2;
    font-size: 2em;
    padding: 10px;
}

.search-form input[type="search"] {
    display: block;
    width: 100%;
    background-color: transparent;
}

.content-block .search-form {
    margin-bottom: 2em;
}

.search-field {
    display: block;
    width: 100%;
}

.search-page-count {
    font-size: 1.2em;
    margin-top: 3em;
    margin-bottom: 3em;
}

a.search-result {
    display: block;
    margin-bottom: 1em;
}

p.search-result-link {
    font-size: 0.8em;
    margin-top: 0.5em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

a.search-result .search-result-title {
    font-size: 1em;
}

.dropdown-btn {
    display: none;
}

.outmonth .ec-day {
    color: #dbdbdb;
}

b {
    font-weight: 700;
}

.file-heading {
    font-weight: 700;
}

.file-details {
    width: calc(100% - 85px);
}

.conference-heading {
    position: relative;
    color: #812e6b;
    background-color: #e7e7e7;
    border-top: 3px solid #812e6b;
    padding: 10px 20px;
    font-size: 2.2em;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.conference-heading a {
    display: block;
    font-size: 1em;
}

.conference-heading:hover {
    background-color: rgba(127, 46, 106, 0.11);
}

.conference-block {
    margin-bottom: 2em;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.conference-block .m-heading {
    font-weight: 400;
    font-size: 2.2em;
}

.conference-block .accordion-icon {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.conference-block .accordion-icon:hover {
    background-color: rgba(127, 46, 106, 0.11);
}

.conference-block ul {
    margin-bottom: 5em;
}

.accordion-details table a,
.accordion-details table p {
    font-size: 1em;
}

.content th {
    background-color: #812e6b;
    color: #fff;
    text-align: left;
}

.journal-blocks a.ts-block span {
    display: inline;
}

#event-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.ec-left {
    width: 54%;
}

.ec-list {
    width: 46%;
    margin-top: 50px;
}

.ec-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.ec-container {
    margin-bottom: 2em;
}

.ec-container:last-child {
    margin-bottom: 0;
}

.calendar-section>.ec-list {
    display: none;
}

.ec-entry {
    width: calc(100% - 90px);
}

.accordion-icon:after {
    font-size: 39px;
}

.page-template-page-conference-past-events .accordion-icon:after {
    top: 2px;
}

.page-template-page-conference-past-events .accordion-icon.active::after {
    top: 20px;
}


/* New */

.custom-table.course-table {
    table-layout: auto;
}

.course-table tr th.th-course-code {
    min-width: 8em;
}

.course-table tr th.th-double-code {
    min-width: 8em;
}

.course-table tr th.th-chinese-title {
    min-width: 8em;
}

.course-table tr th.th-unit {
    min-width: 4em;
}

.download-col {
    background-color: #812e6b;
    text-align: center;
}

.photo-caption {
    font-size: 1em;
    margin-top: 0.5em;
}

.gallery-block .photo {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    padding-bottom: 67%;
    overflow: hidden;
}

.gallery-block .gallery-photo img {
    position: absolute;
}

.fontsize-switcher {
    display: inline-block;
    vertical-align: middle;
    margin-right: 32px;
}

.fontsize-switcher-mobile {
    display: none;
}

.fontsize-switcher a {
    display: inline-block;
    vertical-align: bottom;
    padding: 12px 5px;
    line-height: 1;
    color: #fff;
}

.fontsize-switcher a span {
    line-height: 1;
}

.fontsize-switcher .small {
    font-size: 1.8em;
}

.fontsize-switcher .medium {
    font-size: 2.2em;
}

.fontsize-switcher .large {
    font-size: 2.5em;
}

.fontsize-switch {
    padding-bottom: 7px;
}

.fontsize-switch:hover {
    color: #EDE64C;
}

.fontsize-switch.active {
    position: relative;
}

.fontsize-switch.active:after {
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    content: "";
}

.large .highlight-block {
    padding-bottom: 46%;
}

.single-course .current.crumb:last-child,
.single-course_outline .current.crumb:last-child {
    display: none;
}

.disable-link>a {
    pointer-events: none;
    cursor: default;
}

.page-id-806 .pc-photo,
.page-id-815 .pc-photo,
.page-id-811 .pc-photo {
    display: none;
}

.award-section {
    padding: 2% 0;
}

.award-section h3 {
    color: #812e6b;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 3%;
}

.award-level {
    margin-bottom: 3%;
}

.award-level p {
    font-size: 1.6em;
}

.award-level h4 {
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 1%;
    border-bottom: 1px solid;
}

.award-level:nth-child(1) h4 {
    color: #d1ad3b;
    border-color: #d1ad3b;
}

.award-level:nth-child(2) h4 {
    color: #808080;
    border-color: #808080;
}

.award-level:nth-child(3) h4 {
    color: #CB9173;
    border-color: #CB9173;
}

.award-entry {
    padding: 2% 0;
    font-size: 1.6em;
    line-height: 1.4;
}

.ae-name {
    color: #812e6b;
    font-weight: 700;
    margin-bottom: 1%;
}

.ae-title {
    font-weight: 700;
}

.ae-file {
    background-image: url(images/download-icon-p@2x.png);
    background-repeat: no-repeat;
    padding: 10px 0 10px 30px;
    background-size: 20px;
    background-position: center left;
}

.ae-file a {
    font-size: 1em;
    text-decoration: underline;
}

.essay_event-template-default .cs-left {
    width: 100%;
}

.cs-left h2 p {
    font-size: 1em;
}

.ae-note {
    padding: 2% 0;
    font-size: 1.6em;
}

.ae-note p,
.ae-note a,
.ae-note li {
    font-size: 1em;
}


/* Pop up */

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    z-index: 999;
}

#popup.close {
    visibility: hidden;
    opacity: 0;
}

.popup-box {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 80%;
    max-width: 1000px;
    margin: 70px auto;
    padding: 3%;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.popup-box h2 {
    margin-bottom: 1em;
}

.popup-close {
    position: absolute;
    top: 20px;
    right: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    font-size: 30px;
    font-weight: 400;
    text-decoration: none;
    color: #812e6b;
    z-index: 999;
}

.popup-close:hover {
    color: #812e6b;
}

.popup-box .content {
    max-height: 30%;
    overflow: auto;
    padding: 6% 0 5%;
}

.popup-box .content h3 {
    font-weight: 700;
    margin-bottom: 3%;
}

.popup-box .content a {
    color: #812e6b;
    font-weight: 700;
    text-decoration: underline;
}

.cover-img {
    position: relative;
    width: 20%;
    padding-bottom: 30%;
}

.cover-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.page-template-page-general-education-international-conference .page-title h1 {
    display: none;
}

.page-template-page-general-education-international-conference .text-block h2 {
    border: 0;
    padding: 0;
    font-size: 2.2em;
}

.timetable td {
    vertical-align: top;
}

.timetable td:first-child {
    width: 120px;
}

.timetable td p:last-child {
    margin-bottom: 0;
}

.timetable-heading {
    background-color: #812e6b;
    color: #fff;
    font-size: 2em;
    padding: 10px;
}

.timetable-icon {
    display: inline-block;
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 2em;
    height: 2em;
}

.video-icon {
    background-image: url(images/video.png);
}

.pdf-icon {
    background-image: url(images/pdf_logo.gif);
}

.timetable-row-top {
    margin-bottom: 1em;
}

.timetable-icon-text {
    display: inline-block;
    vertical-align: bottom;
    font-size: 2em;
}

.custom-table .timetable-icon-text {
    font-size: 1em;
}

p.timetable-subheading {
    display: inline-block;
    vertical-align: middle;
    color: #812e6b;
    margin-bottom: 0;
    margin-right: 5px;
}

.page-template-page-general-education-international-conference .accordions {
    margin-bottom: 7em;
    margin-top: 1em;
}

.page-template-page-general-education-international-conference .m-heading {
    font-size: 2em;
}

.page-template-page-general-education-international-conference .subheading {
    background-color: #f5f5f5;
    padding: 0.5em;
    font-size: 2.2em;
    font-weight: 700;
    color: #812d6b;
}

.speaker-links {
    margin-bottom: 5em;
}

.speaker-link {
    width: 100%;
}

.speaker-block {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 5em;
}

.speaker-top {
    display: flex;
    align-items: end;
    margin-bottom: 5em;
}

.speaker-photo {
    width: 20%;
    padding-bottom: 20%;
    background-size: cover;
}

.st-content {
    margin: 0 2em 0 4em;
}

.speaker-name {
    font-size: 2.2em;
    font-weight: 700;
    color: #812d6b;
}

.speaker-title {
    font-size: 2em;
}

.speaker-block .timetable-icon {
    vertical-align: bottom;
}

.speaker-block .video-icon {
    width: 3em;
    height: 2.5em;
    margin-right: 1em;
}

.speaker-block .sec-heading {
    background-color: #f5f5f5;
    padding: 10px;
    font-size: 2.2em;
}

.text-block a.timetable-icon {
    width: 30px;
    height: 30px;
    margin: 0;
}

.text-block td {
    font-size: 1.8em;
}

.page-id-7081 .breadcrumb>span:nth-child(3) .crumb {
    min-width: auto;
}

.page-id-7081 .breadcrumb>span:nth-child(4) {
    margin-left: -20px;
}

ul.sidebar-submenu {
    margin-bottom: 0;
}

.sidebar-submenu a {
    padding: 5px 10px;
    color: #333333;
}

.sidebar-submenu li.current>a {
    color: #812d6b;
    padding: 5px 10px;
    font-weight: 700;
}

.sidebar-submenu li.current .sidebar-btn:after {
    color: #812d6b;
}

.sidebar-submenu ul {
    display: none;
}

.sidebar-submenu>li {
    position: relative;
    width: 80%;
}

.sidebar-btn {
    position: absolute;
    right: 0;
    top: 0;
}

.sidebar-btn:after {
    display: block;
    content: '+';
    color: #333;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.sidebar-btn.open:after {
    content: '-';
}

.content .sidebar-submenu li li {
    margin-bottom: 0;
    margin-top: 0;
}

.content .sidebar-submenu ul {
    margin-top: 1em;
}

.page-template-page-ge-salon-events ul.select-options li:first-child,
.page-template-page-ge-seminar-events ul.select-options li:first-child,
.page-template-page-book-club-events ul.select-options li:first-child {
    display: none;
}

.select-options a {
    display: block;
}

.page-id-351 .page-top {
    background-image: url(https://webarchive.lib.cuhk.edu.hk/20240726014159oe_/https://ouge-cms.moltodemo.com/wp-content/uploads/banner/default-banner@2x-aspect-ratio-100-32.jpg)!important;
}

.aw-top {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 3em;
}

.aw-name {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.aw-about {
    font-size: 1.6em;
    margin-bottom: 2em;
}

.aw-quote {
    font-size: 2em;
    color: #812e6b;
    font-weight: 700;
    margin-bottom: 1em;
}

.aw-text {
    padding-top: 2em;
    padding-right: 4em;
}

.aw-pic img {
    width: 200px;
    max-width: none;
    height: auto;
}

.aw-biography {
    margin-bottom: 3em;
}

.aw-philosophy-heading {
    margin: 2em 0 1em 0;
    font-size: 2em;
    font-weight: 700;
    color: #812e6b;
}

.postid-8409 .aw-philosophy img {
    display: inline-block;
}

.list-top-text {
    margin-bottom: 5em;
}

.course-list-link {
    display: block;
    margin-bottom: 2em;
    font-weight: 700;
}

.breadcrumb {
    display: none;
}

.teacher-filter,
.top-filters {
    display: inline-block;
    top: unset;
    margin: 0 0 3em 0;
    float: right;
    background-color: #fff;
    z-index: 99;
}

.select-filter-container {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.content>.wrapper {
    padding-top: 3em;
}

.header-logout {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    margin-left: 15px;
}

.header-logout a {
    display: inline-block;
    font-size: 15px;
    background-color: #C45AA7;
    padding: 10px;
    padding: 8px 10px;
    color: #fff;
}

.header-logout a:hover {
    background-color: #652253;
}

.header-logout.mobile,
.header-search-mobile {
    display: none;
}