@charset "UTF-8";

/* Insert your custom CSS styles */
body { font-family: 'Microsoft JhengHei', 'Arimo', sans-serif; }
iframe[name="google_conversion_frame"], iframe[name="google_cookie_match_frame"] { display: none; }


.font-size-selector, .collapsible .title, #sidebar .block .title-box .title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#top-box { background: #f89406; }

.btn, .btn:visited, .two-columns-list a, .two-columns-list a:visited { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 22px; outline: none; padding: 7px 38px; -webkit-transition: background .2s linear, color .2s linear; transition: background .2s linear, color .2s linear; white-space: normal; background-color: #ffffff; color: #000000; padding: 7px 38px; border-width: 1px; border-style: solid; font-weight: bold; margin-bottom: 25px; }
.btn:active, .two-columns-list a:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn:active, .btn:hover, .btn:focus, .two-columns-list a:active, .two-columns-list a:hover, .two-columns-list a:focus { text-decoration: none; }
p>.btn.btn { margin-bottom: 0; }
.content .btn.btn:last-child { margin-bottom: 0; }

.btn.btn, .btn-default, .btn.btn-default, .btn.btn-default, .btn.black, .login-register .form-box .form-submit, .two-columns-list a { background-color: #ffffff; color: #000000; border-color: #cac9cb; }
.btn.btn:hover, .btn-default:hover, .btn.btn-default:hover, .btn.black:hover, .login-register .form-box .form-submit:hover, .two-columns-list a:hover,
.btn.btn:focus, .btn-default:focus, .btn.btn-default:focus, .btn.black:focus, .login-register .form-box .form-submit:focus, .two-columns-list a:focus,
.btn.btn:active, .btn-default:active, .btn.btn-default:active, .btn.black:active, .login-register .form-box .form-submit:active, .two-columns-list a:active { background-color: #000000; color: #ffffff; border-color: #000000; opacity: 1; }

.color.icon-weixin { background: #98ca41; }
.icon-weixin:before { content: url(../img/btn-weixin.png); vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 20px; }
h6 { font-size: 100%; font-weight: bold; margin-bottom: 5px; }
/* p:last-child { margin-bottom: 22px; } */

a { -webkit-transition: color .2s linear; transition: color .2s linear; }
a, a:visited, a:hover, a:focus, .table-no-styles .table a, .table-no-styles .table a:visited, .sitemap a, .sitemap a:visited, .item-list li a, .item-list li a:visited { color: #143FFF; /*text-decoration: none;*/ opacity: 1; filter: alpha(opacity=100); }
a:hover, a:focus, .table-no-styles .table a:hover, .table-no-styles .table a:focus { color: #143FFF; text-decoration: underline; }
#top-box a:focus, #top-box a:hover, .logo a:focus, .logo a:hover { text-decoration: none;  }

ul, ol { padding: 0 0 0 40px; }
p + ul, p + ol { margin-top: -12px; }
.content > ul, ul.list, ol { padding-left: 20px; }

body, .header .primary, .work { font-size: 14px; }
body, footer { color: #28281e; }

/* Message box */
.messages-container { position: relative; max-width: 1170px; margin: auto; }
.not-front #content .messages-container { margin-top: 65px; margin-bottom: -65px; }
.alert { margin-top: 22px; }

.mb_YTVPBar { z-index: 90 !important; }

.pagination-box { max-width: 1170px; margin-left: auto; margin-right: auto; }

.breadcrumb-box, .breadcrumb { background: #444; }
.breadcrumb { color: #cccccc; font-size: 78.6%; }
.breadcrumb > li > a { color: #bbbbbb; }
.breadcrumb > li > a:hover, .breadcrumb > li > a:focus { color: #ffffff; }

.pagination > li > a, .pagination > li > a:hover { color: #7B7B7D; }
.pagination > .active > span, .pagination > .active > span, .pagination > .active > span:hover { color: #000000; }

#block-system-main .field-item>img { width: 100%; }
.node-type-education .field-name-body .title { color: #f89406; }

#block-system-main img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#block-system-main .caption img { width: 100%; }
#block-system-main .banner img, #block-system-main  .banner-set .banner img, #block-system-main .right-floating-menu img, #block-system-main  .field-item>img.countryicon, .countryicon { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }


#progressive_cms-page_title { padding-top: 50px !important; }
#progressive_cms-page_title .banner:hover { opacity: 1; }

.not-front #block-system-main, .not-front  #block-system-main-menu { /* position: relative; */ z-index: 2; padding-top: 65px; }
.not-front  #block-system-main-menu { padding-bottom: 73px; }
.not-front #content { padding-bottom: 65px; min-height: 600px; }
.not-front .block + #block-system-main { padding-top: 0; }
.not-front .block.hidden + #block-system-main { padding-top: 65px; }
.not-front .form-box #block-system-main { padding-top: 0; }
.node-type-ambassador #block-system-main { padding-top: 80px; }

.padding-area { float: right; }
.spacer { width: auto; height: 15px; }
.node-type-education .spacer { height: 32px; }




.table, .views-table { font-size: inherit; border: 1px solid #e1e1e1; width: 100%; }
.table, .views-table, .table th, .views-table th { text-align: left; }
.table tr, .views-table tr { background-color: #ffffff; }
.table tr.odd, .views-table tr.odd { background-color: #F7F7F7; }
.table th, .table td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
.views-table th, .views-table td, .views-table > thead > tr > th, .views-table > tbody > tr > th, .views-table > tfoot > tr > th, .views-table > thead > tr > td, .views-table > tbody > tr > td, .views-table > tfoot > tr > td  { border: 1px solid #e1e1e1; padding: 10px 18px; }

.table>thead>tr>th { vertical-align: middle; }
.table tr th, .views-table tr th, .table-striped>tbody>tr:nth-child(odd)>th { background: #FF9602; color: #ffffff; width: 30%; }


.panel-body li { padding: 0; }

.table-filter .panel-group { margin-bottom: 25px !important; }
.table-filter .panel-group { position: relative; }
.table-filter .panel-group .panel-collapse { position: absolute; width: 100%; }
.table-filter .panel-group .panel-body > ul { padding-left: 0; margin-bottom: 0; }
.table-filter .panel-body li a { position: relative; display: block; padding: 8px 15px 5px 60px; font-weight: bold;  }

.view .panel-body li a, .view .panel-body li a:visited, 
.table-filter .panel-body li a, .table-filter .panel-body li a:visited { color: #000000; position: relative; display: block; padding: 8px 15px 5px 60px; font-weight: bold; }
.view .panel-body li a:focus, .view .panel-body li a:hover, 
.table-filter .panel-body li a:focus, .table-filter .panel-body li a:hover { background-color: #e9e9e9; }

.table-filter table { display: none; }
.programme-list.table-filter .panel-group { margin-bottom: 50px !important; }
.programme-list table { margin-bottom: 50px; display: table; border: 0; }
.programme-list table caption { font-size: 20px; font-weight: normal; margin: 0 0 20px; color: #184D9A; text-align: left; }

.programme-list table tr th:nth-of-type(1) { width: 30.05%; }
.programme-list table tr th:nth-of-type(2) { width: 40.59%; }
.programme-list table tr th:nth-of-type(3) { width: 14.54%; min-width: 135px; }

/* .table a, .views-table  a { color: inherit; } */

.table-no-styles .table { width: auto; max-width: 100%; background: none; border: 0; }
.table-no-styles .table tr, .table-no-styles .views-table tr { background: none; }
.table-no-styles .table > tbody > tr > td { padding: 0; padding-right: 15px; text-align: left; line-height: normal; border: 0; line-height: 1.6; }
.table-no-styles .table>tbody>tr:nth-child(odd)>td { background: none; }

/* Limit to programme records only */
.node-type-programme .table-no-styles .table > tbody > tr > td:nth-of-type(1) { width: 80px; }
.node-type-programme .table-no-styles .table > tbody > tr > td[colspan] { width: auto; }
/* End: Limit to programme records only */

.degrees-offered .views-field-field-abbreviation { width: 22%; }
.degrees-offered .views-field-field-code { width: 9%; }
.degrees-offered .views-field-field-quota { width: 15%; }


#content .field { margin-bottom: 30px; }
.front #content .field.field-name-body { margin-bottom: 0; }
.not-front #content .field.field-name-body .field-item { margin-bottom: 55px; }
.not-front #content .field.field-name-body .field-item:last-child { margin-bottom: 0; }

#content .field-label { clear: both; }
#content .field-name-body .field-label:nth-of-type(1) { clear: none; }
#content .field.field-label-inline .field-label { font-weight: normal; font-size: 19px; padding-bottom: 14px; }

.node-type-ambassador  #content .field,
.node-type-sharing #content .field {  margin-bottom: 13px; }
.node-type-ambassador #content .field.field-name-field-image,
.node-type-sharing #content .field.field-name-field-image {  margin-bottom: 28px; }
.node-type-ambassador #content .btn-back,
.node-type-sharing #content .btn-back {  margin-top: 110px; }
.node-type-ambassador #content .field .field-label,
.node-type-sharing #content .field .field-label { font-size: inherit; font-weight: bold; padding-bottom: 0; }

.right-floating-menu { background-color: #00827d; border-left-width: 5px; color: #ffffff; position: absolute; top: -30px; right: 0; width: 350px; z-index: 51; padding: 20px 20px 12px 20px; }
.right-floating-menu.admissions { width: 270px; padding-right: 0; line-height: 1.2em; right: 15px; }
.right-floating-menu .title-box { border-bottom-width: 0; margin-bottom: 0; }
.right-floating-menu .title-box:before { height: 0; }
.right-floating-menu .title.title { display: block; font-size: 25px; padding: 13px 0 16px; margin-bottom: -5px; }
.right-floating-menu.admissions .title.title { margin-bottom: 20px; }
.right-floating-menu .title-box .title, .right-floating-menu a, .right-floating-menu a:visited { color: inherit; }
.right-floating-menu .views-row { border-bottom-width: 1px; padding-bottom: 8px; margin-bottom: 8px; }
.right-floating-menu .views-row.views-row-last { border-bottom-width: 0; }
.right-floating-menu img { width: 100% !important; height: auto !important; }
.right-floating-menu a { position: relative; text-decoration: underline; }
.right-floating-menu .view.faculty-programmes a { display: inline-block; width: 100%; }
.right-floating-menu a.active, .right-floating-menu a:active,  .right-floating-menu a:hover, .right-floating-menu a:focus { color: #c1c1c1; }
.right-floating-menu a.active path, .right-floating-menu a:active path, .right-floating-menu a:hover path, .right-floating-menu a:focus path { fill: #c1c1c1; }

.right-floating-menu.admissions a>span { display: inline-block; padding-left: 55px; padding-right: 38px; }
.right-floating-menu.admissions a.no-programme-code>span { padding-left: 0; }
.right-floating-menu.admissions a>span.programme-code { position: absolute; padding-left: 0; padding-right: 0; width: 50px; word-break: break-all; }
.right-floating-menu.admissions a>span.livicon { position: absolute; right: 0; top: 50%; margin-top: -8px; padding-right: 33px; }
.right-floating-menu, .right-floating-menu .views-row { border-color: #006965; }

#right-sidebar { position: absolute; top: -30px; right: 0; z-index: 0; }
#right-sidebar .right-floating-menu { position: static; margin-top: 0px; margin-bottom: 25px; max-width: 100%; }

#right-sidebar .closing-date { background: #78BFFF; color: #000000; padding: 20px 20px 10px 20px; position: relative; width: 350px; margin-bottom: 25px; }
#right-sidebar .closing-date:before, #right-sidebar .closing-date:after { bottom: 12px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); content: ""; display: block; height: 20px; left: 5px; position: absolute; width: 185px; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); z-index: -1; }
#right-sidebar .closing-date:after { right: 5px; left: auto; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rotate(7deg); }
#right-sidebar .closing-date h5 { color: #000000; margin-bottom: 10px; }
#right-sidebar .closing-date a { display: block; width: 100%; background: #E8ECEF; color: #000000; border: 1px solid #BDBEC0; text-align: left; padding: 10px 10px; position: relative; -webkit-transition: background .2s linear, color .2s linear;  transition: background .2s linear, color .2s linear; }
#right-sidebar .closing-date a:after { content:""; display:block; clear:both; width:9px; height:16px; display: inline-block; background: url(../img/arrow.png) no-repeat center center; position: absolute; top: 50%; right: 10px; margin-top: -8px; }
#right-sidebar .closing-date a:hover, #right-sidebar .closing-date a:focus, #right-sidebar .closing-date a:active { text-decoration: none; background-color: #98D134; color: #000000; border-color: #9A9A9C; }
#right-sidebar .closing-date p { margin-bottom: 10px; }
#right-sidebar .closing-date .field { margin-bottom: 0; }

.banner { text-align: center; }
.banner img { width: 100%; max-width: 1920px; }

.field-name-field-banner { text-align: center; }
.field-name-field-banner img { width: 100%; }

.panel-group > .panel-default > .panel-heading > .panel-title > a, .admissions .panel-group > .panel-default > .panel-heading > .panel-title > a { background: #cccccc; color: #1e1e1e; padding: 9px 15px 9px 60px; }
.admissions .panel-group > .panel-default > .panel-heading > .panel-title > a:hover { background-color: #e9e9e9; }
.panel-group > .panel-default > .panel-heading > .panel-title > a:focus-visible { outline: 1px solid black !important;}

.panel-group .panel {
  position: relative;
}
.panel-group .panel-default .panel-heading > .panel-title > a:before,
.panel-group .panel-default .panel-heading > .panel-title > a:after,
.admissions .panel-group .panel-default .panel-heading > .panel-title > a:before,
.admissions .panel-group .panel-default .panel-heading > .panel-title > a:after {
   background: #1e1e1e;
 }

.panel-group > .active.panel .panel-heading > .panel-title a,
.panel-group > .active.panel > .panel-heading > .panel-title > a,
.panel-group > .active.panel > .panel-heading > .panel-title > a:hover {
  background-color: #f89406;
  color: #fff;
}

.panel-group .active.panel .panel-heading > .panel-title > a:before,
.panel-group .active.panel .panel-heading > .panel-title > a:after {
   background: #ffffff;
 }

.panel-group .panel .panel-body > a:before { background: rgba(255,255,255,.2); bottom: 0; content: ""; display: block; left: 45px; position: absolute; top: 0; width: 1px; z-index: 1; }
 
.panel-group > .panel .panel-body {
   background-color: #f7f7f7;
 }
 
.panel-group .panel-body { padding: 7px 0 7px 0px; }
.panel-group .panel-body > p, .panel-group .panel-body > div, .panel-group .panel-body> ol, .panel-group .panel-body > ul { padding-left: 15px; padding-right: 15px; }
.panel-group .panel-body> ol, .panel-group .panel-body > ul { padding-left: 35px; }
#sidebar .panel-group .panel-body > div, .panel-group .panel-body > div.view, .view .panel-group .panel-body > div { padding-left: 0; padding-right: 0; }
#sidebar .panel-group .active.panel .panel-heading > .panel-title a { background-color: #f2f2f2; color: #1e1e1e; }
#sidebar .panel-group .active.panel > .panel-heading > .panel-title > a { color: #ffffff; }

/* .panel-body > ul { margin: 0; list-style: none; margin-left: 0; padding-left: 0; } */
.panel-body > table { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px); }
.panel-body > p ~ table { margin-top: -22px; }

/* 
.table-filter .panel-collapse { height: 0; }
.table-filter .panel { position: realtive; }
.table-filter .panel-body { position: absolute; width: 100%; }
 */

.table-filter .panel-body { z-index: 2; position: relative; max-height: 250px; overflow: auto; }


#sidebar .panel-group .panel-body { padding: 0; }
#sidebar .title-box .title { padding-top: 0; padding-right: 0; }
#sidebar .panel-group .level-2 { margin-bottom: 3px; }

.external-link { background-image: url(../img/pop-out.png); background-repeat: no-repeat; background-position: center; display: inline-block; width: 10px; height: 1em; margin-bottom: -2px; margin-left: 10px; }
.banner-set a > .title > .external-link, a:hover > .external-link { background-image: url(../img/pop-out-black.png); }
.btn-apply-now .external-link, .btn-apply-now a:hover > .external-link, footer a > .external-link, footer a:hover > .external-link { background-image: url(../img/pop-out-white.png); }


.view.programme-information > div { overflow: hidden; }



#sidebar .panel-group .panel .panel-heading > .panel-title > a { background-color: #ffffff; }
#sidebar .panel-group .panel .panel-heading > .panel-title > a:hover { background-color: #f89406; }

#sidebar .panel-group .panel.level-2 .panel-heading > .panel-title > a { background-color: #eaeaea; }
#sidebar .panel-group .active.panel > .panel-heading > .panel-title > a { background-color: #f89406; }

#sidebar .panel-group .active.panel.sub > .panel-heading > .panel-title > a, #sidebar .panel-group .sub > .panel-heading > .panel-title > a:hover, .panel-group .active.panel.sub > .panel-heading > .panel-title > a:hover, #sidebar .panel-group .level-3 > .panel-heading > .panel-title > a.active-trail { background: #eaeaea; color: #000000; }
#sidebar .panel-group .active.panel.level-3 > .panel-heading > .panel-title > a, #sidebar .panel-group .level-3 > .panel-heading > .panel-title > a:hover, #sidebar .panel-group .level-3 > .panel-heading > .panel-title > a.active-trail { background: #cccccc; }

#sidebar .panel-group .panel-heading > .panel-title > a:before,
#sidebar .panel-group .panel-heading > .panel-title > a:after {
  background-color: #000000;
 }
 
#sidebar .panel-group .level-2.active > .panel-heading > .panel-title > a:before,
#sidebar .panel-group .level-2.active > .panel-heading > .panel-title > a:after {
  background-color: #ffffff;
 }
 
#sidebar .panel-group .level-2  .panel-heading > .panel-title > a:before,
#sidebar .panel-group .level-2  .panel-heading > .panel-title > a:after {
  background-color: #000000;
}

#sidebar .panel-group .level-4 .panel-heading > .panel-title > a {
  background-color: #eaeaea;
  color: #7C7C7C;
}

#sidebar .panel-group .level-4 .panel-heading > .panel-title > a.active {
  color: #000000;
}

#sidebar .panel-group .panel.level-4 .panel-heading > .panel-title > a.active-trail { color: #000000; }
 
#sidebar .no-children > .panel-heading > .panel-title > a:before,
#sidebar .no-children > .panel-heading > .panel-title > a:after {
  display: none !important;
}
 
#sidebar .has-children.no-children > .panel-heading > .panel-title > a:before,
#sidebar .has-children.no-children > .panel-heading > .panel-title > a:after {
  display: block !important;
}
 
#sidebar .panel-group .level-4 .panel-heading > .panel-title > a:before,
#sidebar .panel-group .level-4 .panel-heading > .panel-title > a:after {
  display: none;
}

#sidebar .panel-group .panel .btn-apply-now .panel-heading > .panel-title:before { display: none; }
#sidebar .panel-group .panel .btn-apply-now > .panel-heading > .panel-title > a  { background-color: #00827d; border-radius: 5px; color: #ffffff; margin: 0; padding-left: 9px; text-align: center; margin-bottom: 25px; }
#sidebar .panel-group .panel .btn-apply-now > .panel-heading > .panel-title > a:hover, #sidebar .panel-group .panel .btn-apply-now > .panel-heading > .panel-title > a:focus { background-color: #006f6b; }

#sidebar .panel-group .panel .programme-information > .panel-heading > .panel-title > a  { background-color: #85D7D1; }
#sidebar .panel-group .panel .programme-information > .panel-heading > .panel-title > a:hover, #sidebar .panel-group .panel .programme-information > .panel-heading > .panel-title > a:focus { background-color: #f89406; }



 
.faculty { border-top: 1px solid #cccccc; padding-top: 23px;  margin-top: 23px; }
.faculty .panel-group { margin-bottom: 0; }
.faculty.row0 { border-top: 0; padding-top: 0;  margin-top: 0; }
.faculty li a:focus, .faculty li a:hover { color: #4cbcb3; }
.faculty .btn.btn { margin: 12px 0 18px 0; }
.faculty h5 { margin-bottom: 10px; }
.faculty img { width: 100%; }

.faculty .panel-group > .active.panel > .panel-heading > .panel-title > a,
.faculty .panel-group > .active.panel > .panel-heading > .panel-title > a:hover {
   background-color: #85D7D1;
 }

.tabs.primary { position: absolute; right: 0; margin-top: -45px; Z-index: 60; }

.fixed-header.hidden-top #top-box { z-index: 997; }
#top-box nav ul { float: right; }
#top-box nav ul  li { float: left; font-size: 12px; border-right: 1px solid rgba(0,0,0,0.1); }
#top-box nav ul  li.first { border-left: 1px solid rgba(0,0,0,0.1); }
#top-box nav ul  li a { line-height: 40px; display: block; padding: 0 15px; }
#top-box nav ul  li a:hover { background-color: #F8F1E9; }


.page-header { border-color: #ffffff; }
.nd-region { padding: 0; position: relative; }

#top-box { padding: 0; font-size: 18px; }
#top-box, #top-box a, #top-box .livicon { color: #1e1e1e; }
#top-box .header-icon a:focus, #top-box .header-icon a:hover { color: #ffffff; text-decoration: none;  }

.header, .fixed-header .header { z-index: 990; }
.header .container { z-index: 10; }
#Header .navbar-inverse .navbar-toggle .icon-bar { background-color: #1e1e1e; }
#Header .navbar-inverse .navbar-toggle.collapsed .icon-bar { background-color: #fff; }
.header .primary .navbar .btn-navbar.btn-navbar { border: 0 none; }
.header .primary .navbar .btn-navbar  .icon-bar { background-color: #1e1e1e; }
.header .primary { float: right; }
.header .primary li { list-style: none; }
.header .primary .external-link { display: none; }
.header .primary .navbar .nav .parent .parent > a:after { display: none; }
.header .primary .navbar .nav > li { text-align: center; padding-right: 0; }
.header .primary .navbar .nav > li.parent > a:after { right: 1px; }
.header .primary .navbar .nav > li > a { border: 1px solid transparent; padding: 17px 13px; }
.header .primary .navbar .nav > li.admissions > a { background: #D83759; color: #ffffff; display: block !important; }
.header .primary .navbar .nav > li.admissions .sub .sub { background: none; }
.header .primary .navbar .nav > li.admissions:focus > a, .header .primary .navbar .nav > li.admissions:hover > a { background: #F89406; color: #000000; border: 1px solid transparent; }
.header .primary .navbar .nav > li.admissions:focus > a > .open-sub > span, .header .primary .navbar .nav > li.admissions:hover a > .open-sub > span { background-color: #000000; }
.header .primary .navbar .nav > li.admissions.parent > a:after { display: none; }
.header .primary .navbar .nav > li.two-lines { max-width: 110px; }
.header .primary .navbar .nav > li.two-lines > a { padding-top: 7px; padding-bottom: 7px; }
.header .primary .navbar .nav > li.two-lines.admissions { max-width: 110px; }
.header .primary .admissions.parent > .sub { border-color: #F89406; background-color: #F89406; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.header .primary .parent > .sub { -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }
.header .primary .mega-align-center.parent > .sub { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.header .primary .mega-align-right.parent > .sub { -webkit-border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; }


/* .header .primary .sub { border: 0; box-shadow: none; } */
/* .header .primary .sub li { line-height: normal; }
.header .primary .sub a { margin: 0; }
.header .primary .level-1 .sub .sub .tb-megamenu-column { padding: 0; }
.tb-megamenu-item.title a {}
.header .primary .level-1 .sub .sub { border: 0; box-shadow: none; }
.header .primary .level-1 .sub .sub a { font-size: 90%; text-transform: none; font-weight: normal; }
 */
.header .primary .sub a:hover { color: #D83759; opacity: 1; -webkit-transition: color .2s linear; transition: color .2s linear; }
.header .primary .tb-megamenu-item.level-2, .header .primary .tb-megamenu-item.level-2 li { display: block; }
.header .primary .tb-megamenu-item.level-2 { font-size: 13px; line-height: 23px; margin: 25px 0 3px; font-weight: bold; }
.tb-megamenu-item.menu-title a, .tb-megamenu-item.title a { text-transform: none; }
.header .primary .tb-megamenu-item.level-2:first-child { margin-top: 0; }
.header .primary .tb-megamenu-item.level-2:first-child a { margin-top: 0; }
.header .primary .tb-megamenu-item .tb-megamenu-column { padding: 25px; line-height: 0; vertical-align: top; }
.header .primary .tb-megamenu-item .tb-megamenu-column a { vertical-align: top; }
.header .primary .tb-megamenu-item.level-2 { margin: 20px 0 3px; }
.header .primary .tb-megamenu-item.level-2.mega-group .tb-megamenu-column { padding: 0; }
.header .primary .tb-megamenu-item.level-2 .tb-megamenu-column>li { line-height: normal; }
.header .primary .tb-megamenu-item.level-2 .tb-megamenu-column li a { font-size: 90%; text-transform: none; font-weight: normal; margin: 0; }
.header .primary .nav-child .mega-group .tb-megamenu-submenu { border: 0; box-shadow: none; background: none; }
.header .primary .mega-group > ul.sub { margin: 0; padding: 0; height: auto !important; display: block !important; }


.header .primary .parent:hover > .sub .sub { -webkit-animation: initial; animation: initial; min-width: 100%; }

.header-icon-container { border-left: 1px solid rgba(0,0,0,0.1); height: 40px; float: left; }
.header-icon-container.last { border-right: 1px solid rgba(0,0,0,0.1); }
.header-icon { float: left; vertical-align: top; text-align: center; display: inline-block; height: 40px; margin: 0; border-right: 0; }
.header-icon a { padding-top: 0; overflow: hidden; width: 35px; height: 100%; line-height: 40px; cursor: pointer; display: block; float: left; }
.header-icon a.font-size-small .icon, .header-icon a.font-size-large .icon { display: block; width: 100%; height: 14px; margin-top: 13px; background: url(../img/fontsize-small.png) no-repeat center top; }
.header-icon a.font-size-large .icon { background-image: url(../img/fontsize-large.png); }
.header-icon a.font-size-small:hover .icon, .header-icon a.font-size-large:hover .icon { background-position: center bottom; }


.header .logo img, .header .logo .logo-img { width: 42px; height: 48px; vertical-align: middle; position: absolute; top: 50%; margin: -24px auto auto auto; }
.page-login-promo .header .logo img, .page-login-promo .header .logo .logo-img { left: 0; right: 0; }
/* .header .logo a { max-width: none; width: 100%; min-width: 260px; } */
.header .logo a>div { display: inline-block; vertical-align: middle; padding-left: 52px; }
.header .logo .site-name, .header .logo .institution-name { font-size: 14px; margin: 0; color: #000000; white-space: nowrap; }
.header .logo .site-name { font-size: 16px; color: #CDB200; }

.phone-header, .search-header { width: 35px; }
.phone-active, .search-active { margin: 63px 0 5px 0; overflow: visible; z-index: 1005;  }
#top-box .phone-active .close, #top-box .search-active .close { color: rgb(127, 127, 127); }

.banner-set { border-top-width: 0; }
.banner-set .banner .title { color: #000000; }
.banner-set .banner .datetime { margin-bottom: 12px; }
.load.banner-set .carousel { background-image: url("../img/svg/loader.svg"), none; background-repeat: no-repeat; background-position: 50% 50%; background-size: 40px; height: 314px; overflow: hidden; }

.banner-set:before { border-top: 0; }
.banner-set > .container:after { border-top: 0; }
.banner-set .banner { background-color: #ffffff; text-align: left; -webkit-transition: box-shadow .2s linear, background-color .2s linear; transition: box-shadow .2s linear, background-color .2s linear; border-top-width: 1px; }
.banner-set .banner:hover { background-color: #F19411; }
.banner-set .banner:hover img { opacity: 1; }

.no-padding { padding: 0; }

.left { float: left; }

.container { position: relative; }

.clearfix, footer li, .views-field { zoom:1; *display:inline-block; }

.clearfix:after, footer li:after, .views-field:after { content:"."; display:block; clear:both; width:0px; height:0px; visibility:hidden; font-size: 0; }

.text-small { font-size: inherit; line-height: inherit; }

.title-box .title { color: #000000; }
.title-box.white { border-color: #828691; }
.title-box.white:before { background: #ffffff; }
.title-box.white .title { color: #ffffff; }
.title-box.text-center .title, .title-box.text-right .title { padding-right: 0; }
.front .events-slider .title { margin: 0 0 12px 0; padding: 14px 0 0; } 
.front .events-slider h2.title { font-size: 18px; } 

.carousel-pagination { position: absolute; top: 3px; right: 15px; float: right; }
.carousel-box .next, .carousel-box .prev { background-color: rgba(0,0,0,0.2); float: left; }
.carousel-box .next:hover, .carousel-box .prev:hover { background-color: #000000; }

.md-arrow > div, .fancybox-nav span { height: 60px !important; width: 60px !important; background-color: rgba(255,255,255,.5); margin-top: -30px; }
.md-arrow > div:hover { background-color: #ffffff; }

.md-arrow > div:before { color: #ffffff; width: 60px; margin-top: 21px; transition: color .3s linear; }
.md-arrow > div:hover:before { color: #A2A2A2; }

.md-arrow-left { left: 20px; }
.md-arrow-right { right: 20px; }

.md-bullet { width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.md-bullet a { width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

.md-slide-wrap p, .md-objects .md-object { line-height: 1.1em; font-weight: bold; }
.md-slide-wrap p { line-height: 1.4em; }

.md-objects .md-object a.btn { padding: 10px 60px; display: inline-block;     font-weight: bold; }

.fancybox-close { line-height: 26px; }
.fancybox-nav span { line-height: 60px; }
.fancybox-nav span:hover { background-color: #ffffff; }
.fancybox-nav span:hover polygon { fill: #A2A2A2; }

.fancybox-inner #Header, .fancybox-inner .programme-list .panel-group, 
.fancybox-inner .padding-area, .fancybox-inner footer { display: none; }
.fancybox-inner td { -webkit-transition: background .5s linear, color .5s linear; transition: background .5s linear, color .5s linear; }
.not-front .fancybox-inner #content { padding-bottom: 15px; }
.not-front .fancybox-inner #block-system-main { padding-top: 15px; }



.big-icon, .big-icon:visited { border: 3px solid #ed8914; }

.livicon.block { position: absolute; width: 100% !important; margin-top: 22px; margin-left: -15px; margin-right: -15px; text-align: center; z-index: 2; }
a.livicon  { cursor: default; }

#progressive_cms-footer_copyright, #progressive_cms-footer_copyright .menu li, #progressive_cms-footer_copyright .menu li a { color: #1e1e1e; }
#progressive_cms-footer_copyright { padding-top: 20px; padding-bottom: 45px; }
#progressive_cms-footer_copyright .menu { float: right; }
#progressive_cms-footer_copyright .menu li { padding-right: 10px; float: left; margin-right: 10px; position: relative; }
#progressive_cms-footer_copyright .menu li.last { padding-right: 0; margin-right: 0; border-right: 0; }

#progressive_cms-footer_copyright .menu li:after { content:""; display:block; clear:both; width:1px; visibility: visible; font-size: 0; border-right: 1px solid; opacity: 0.6; position: absolute; right: 0px; top: 3px; bottom: 3px; height: auto; }
#progressive_cms-footer_copyright .menu li.last:after { visibility: hidden; }

.footer-top .collapsible .block-content { display: block; }

.up { position: fixed; bottom: 10px; right: 10px; z-index: 10; }
.up, .up:focus { opacity: 0; filter: alpha(opacity=0); }
.background-opacity .up { opacity: 1; filter: alpha(opacity=100); }

footer .title-box { border-color: rgba(0, 0, 0, 0.3); }
footer aside { padding-bottom: 20px; }
footer aside p .newsletter-submit { top: -76px; }
footer aside li a, footer aside li a:visited { color: #28281e; }
footer.footer-top { background: #f89406 url(../img/bg-footer.png); background-size: cover; background-position: center center; }

footer li>span { display: inline-block; float: left; width: 0; vertical-align: top; }
footer li>div { display: inline-block; vertical-align: top; padding-left: 75px; }

.fixed-header.hidden-top .header { margin-top: 40px; }
.fixed-header.hidden-top #top-box { margin-top: 0; }

.fixed-header.hidden-top .page-box { padding-top: 143px; }

.content-block { background-position: center top; background-size: cover; padding: 0; }
.content-block .container .container { max-width: 100%; padding: 0; }

.video-background { background-image: url(../img/bg-video.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.background { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; display: none; background-image: url(../img/innerbg-visithku.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; }
.background.visible { opacity: 1; display: block; }
/* .background.size-contain { background-size: contain; } */
.background.position-top { background-position: center top; }
#Content { position: relative; }
.not-front #Content #Content .background , .not-front #Content #Content { background-color: transparent; background-image: none; min-height: 0; }

.why-hong-kong { padding-bottom: 55%; }
.why-hong-kong.row>div { margin-bottom: 40px; }
.why-hong-kong h2.title:after { content:""; display:block; clear:both; height:0px; font-size: 0; border-bottom: 1px solid; }
.why-hong-kong h3 { font-size: 25px; font-weight: bold; }

#content .block-links, #content .block-links a, #content .block-links a:visited { color: #6B7077; }

#content .block-links a, #content .block-links span { float: left; margin-bottom: 10px; }
#content .block-links .fa { font: inherit; margin-right: 45px; }
#content .block-links .fa:before { font: normal normal normal 14px/1 FontAwesome; vertical-align: middle; margin-right: 5px; }
#content .block-links a:focus, #content .block-links a:hover { color: #000000; text-decoration: none; }


.sitemap a { font-size: 100%; background: none; }
.sitemap li { font-size: 100%; background: none; }
.sitemap img { display: none; }

form.search-result { padding-bottom: 0; }

/* CKeditor */
.rteindent1 { margin-left: 20px; }
.rteindent2 { margin-left: 40px; }
.rteindent3 { margin-left: 60px; }
.rteindent4 { margin-left: 80px; }

/* Gallery */
.gallery-images:active > .bg-images, .gallery-images:focus > .bg-images, .gallery-images:hover > .bg-images {
  background: #fff;
  background: rgba(255,255,255,.7);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.gallery-images:active .bg-images i:before, .gallery-images:focus .bg-images i:before, .gallery-images:hover .bg-images i:before {
  font-size: 30px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

/* Work Element Or Work */
/* .work { overflow: hidden; } */
.carousel-page { font-size: 0; width: 9999px; height: 100%;  }
.carousel-page>* { max-width: 1200px; }
.carousel-page .work-element {display: inline-block; float: none; }
.view .work { margin-bottom: 30px; }
.work .description { padding: 0 5px; }
.work-element.faculty-element .work .description { position: absolute; left: 0; right: 0; bottom: 37px; margin: 0 0 -14px; opacity: 0; -webkit-transition: opacity .2s ease-in, bottom .2s ease-in; transition: opacity .2s ease-in, bottom .2s ease-in; }
.work-element.faculty-element .work .work-title { font-weight: bold; }
.work-element.faculty-element .work:active .work-title, .work-element.faculty-element .work:focus .work-title, .work-element.faculty-element .work:hover .work-title { bottom: 50%; margin-bottom: 0; }
.work-element.faculty-element .work:active .description, .work-element.faculty-element .work:focus .description, .work-element.faculty-element .work:hover .description { opacity: 1; bottom: 77px; }

.work, .work:active, .work:focus, .work:visited { color: white; }
.work:active, .work:focus, .work:hover { color: black; }
.work .bg-hover { background: rgba(237,137,20,.9); }
.work:active .bg-hover, .work:focus .bg-hover, .work:hover .bg-hover { opacity: 1; }

.work .details { font-size: 15px;  font-weight: bold; line-height: 20px;  margin: 0 15px 20px 15px;  text-align: center; opacity: 0; filter: alpha(opacity=0); }
.work:active .details, .work:focus .details, .work:hover .details { opacity: 1; filter: alpha(opacity=100); }
.work:active .work-title, .work:focus .work-title, .work:hover .work-title { bottom: 55px; }
/*.work:hover .title { font-size: 11px; font-style: italic; font-weight: normal; font-family: Georgia; line-height: 16px; }*/


/* Service Box */
.big-services-box { margin-bottom: 108px; position: relative; }
.big-services-box .text-small { margin-bottom: 38px; }
.big-services-box .text-small br { display: none; }
.big-services-box .bg { background: none; }
.big-services-box .title { font-weight: bold; }
.big-services-box .btn { width: 155px; position: absolute; margin: auto; left: 0; right: 0; bottom: -33px; }

/* Social Icons */
.social .sbtnf { opacity: 0.8; filter: alpha(opacity=80); }

/* Ambassador */
#block-system-main  .field-item>img.countryicon, .countryicon { width: auto; height: 22px; margin-left: 10px; }



/* Tow columnd listing, Educations & Publications */
.two-columns-list > .row:nth-of-type(1),
.view.educations .row-first, .view.publications .row-first { margin-top: 40px; }

.two-columns-list > .row:nth-last-of-type(1),
.view.educations .row-last, .view.publications .row-last { margin-bottom: 60px; }

.two-columns-list > .row > *:after, .two-columns-list > .row > *:before,
.education-item:after, .row-first .education-item:before,
.publication-item:after, .row-first .publication-item:before { content: ""; display: block; width: auto; height: 0; position: absolute; left: 15px; right: 15px; bottom: 0; visibility: visible; }

.two-columns-list .row img, .education-item img, .publication-item img { width: 100%; height: auto; }

.two-columns-list > .row:nth-of-type(1) > *:before,
.row-first .education-item:before, .row-first .publication-item:before { bottom: auto; top: 0; }
.two-columns-list > .row > * > .row, .education-item, .publication-item { margin-left: -15px; margin-right: -15px; padding: 30px 0; position: relative; height: 100%; }

/* Tow columnd listing */
.two-columns-list > .row > * > .row { padding-bottom: 67px; }
.two-columns-list .row > div { height: 100%; }
.two-columns-list a { position: absolute; bottom: -65px; }


/* Publications */
#block-system-main .publication-item img { border-radius: 0; }
.publication-item:after, .row-first .publication-item:before { border-bottom: 1px solid #CCD5DE }
.publication-item .field-name-field-thumbnail>div { position: relative; z-index: 0; }
.publication-item .field-name-field-thumbnail>div:before { content: ""; display: block; width: 100%; height: 100%; background: #84D7D1; position: absolute; top: 5px; left: 5px; z-index: -1; }

/* Tow columnd listing, Education & Why HK */
.two-columns-list .title, .why-hong-kong .title, .view.educations .education-item .title { font-size: 44px; font-weight: normal; display: inline-block; color: #ED9510; line-height: 1em; }
.two-columns-list > .row:nth-of-type(odd) > *:nth-of-type(odd) .title, .two-columns-list > .row:nth-of-type(even) > *:nth-of-type(even) .title, .why-hong-kong.row>div:nth-of-type(odd) .title, .view.educations .odd .odd .education-item .title, .view.educations .even .even .education-item .title { color: #4abcb2; }

/* Tow columnd listing, Educations */
.two-columns-list > .row:nth-of-type(1), .view.educations .row-first { margin-top: 10px; }
.two-columns-list > .row > *:after, .two-columns-list > .row:nth-of-type(1) > *:before, .education-item:after, .row-first .education-item:before { border-bottom: 1px solid #BEC1C6 }

/* Educations */
.education-item .summary { margin-bottom: 22px; }
.education-item { padding-bottom: 67px; }
.education-item .content, .education-item .content > div { height: 100%; }
.education-item .content .btn.btn:last-child { position: absolute; bottom: -65px; margin-bottom: 25px; }

/* Events */
.selectBox-dropdown-menu { z-index: 99; }
.views-exposed-widget.views-widget-filter-field_date_value { display: none; }
#year-filter { display: none; }
.jslider .jslider-value { background: none; }
.toolbar .price-regulator { margin-bottom: 27px; }
.view.events .views-row { margin-bottom: 35px; }
.view.events .views-row.views-row-last { margin-bottom: 46px; }
.view.events a { display:inline-block; height: 100%; }
.view.events a, .node-type-event .field-name-datetime { color: #555555; }
.view.events a .title { color: #000000; }

.view.events .title { margin-bottom: 6px; }
.view.events .datetime { font-size: 12px; margin-bottom: 28px; }

.node-type-event #content .field.field-name-datetime { margin-bottom: 23px; }
.node-type-event #content .field-name-field-image { margin-bottom: 30px; }

/* Gallery */
.images-box { margin-bottom: 23px; max-width: 100%; }

/* Story */
.view.stories .story { display:inline-block; height: 100%; color: #555555; padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #CCD5DE; text-decoration: none; }
.view.stories .views-row-last .story { margin-bottom: 5px; }
.view.stories .story .summary { margin-bottom: 22px; }


/* Programme Requirements */
.view.programme-requirements .programme, .view.programme-requirements #accordion-programmes { display: none; }
.view.programme-requirements .panel-group .panel-collapse { position: absolute; width: 100%; z-index: 2; }
/* .field-name-field-requirements-international  table th { width: 30%; }
.field-name-field-requirements-international .table-striped>tbody>tr:nth-child(odd)>td { background-color: #ffffff; } */


/* E-Newsletter Signup form */
.webform-component--sign-up { padding-bottom: 0; }

/* Contact Us Page */
.contact-info .webform-component--sign-up { font-weight: bold; }
.contact-info .form-actions { display: none; }
.form-box { padding: 34px 15px; border-radius: 0; }
.form-box { background: #43A49D; color: #ffffff; }
.form-box .help-block { color: #dddddd; }
.form-box .error .help-block { color: #222222; }
.form-box .webform-component-radios .form-type-radio { display: inline-block; }
.form-box .buttons-box .forgot { color: #c1c1c2; }
.form-box .form-radios { margin-bottom: 6px; }
.form-box .radio { margin-right: 30px; min-width: 88px; }
.form-box .radio+.radio { margin-top: 0; }
.form-box .form-radios .radio:last-child { margin-right: 0; }
.form-box .radio label, .form-box .checkbox label { padding-left: 3px; }
.form-box .new-radio, .form-box .new-checkbox { margin-top: 4px; }
.form-box .webform-component--required { color: #C12A3B; }
.form-box .webform-component--required>* { position: relative; text-align: right; padding-top: 11px; }
/* .form-box .webform-component--required>* * { position: absolute; top: 32px; right: 15px; } */
.form-box .webform-component--note>* { padding-top: 11px; }
form .captcha { display: block; clear: both; padding: 22px 15px; }
/* .form-box .form-actions { float: left; } */
.form-box .form-actions .webform-submit { position: relative; left: 15px; margin-bottom: 0; }
.form-box .contextual-links-region .form-actions .webform-submit { left: 15px; }

/* Timeline */
.timeline { padding: 20px 0 35px 0; }
.timeline .post .timeline-content.contextual-links-region-active { z-index: 2; }

.timeline .post .timeline-time { color: #000000; }
.timeline:before { background-color: #d2d2d2; }

.bg-btn-info, .form-radio[value="btn-info"] + label { background: #85D7D1 !important; }
.timeline .post .timeline-content.bg-btn-info, .timeline .post .timeline-content.border-btn-info { border-color: #85D7D1; }
.timeline .post .timeline-content.bg-btn-info:before, .timeline .post .timeline-content.border-btn-info:before { border-left-color: #85D7D1; }
.timeline .post:nth-child(even) .timeline-content.bg-btn-info:before, .timeline .post:nth-child(even) .timeline-content.border-btn-info:before { border: 15px solid transparent; border-right-color: #85D7D1; }

.bg-black, .form-radio[value="black"] + label { background: #85D7D1 !important; }
.timeline .post .timeline-content.bg-black, .timeline .post .timeline-content.border-black { border-color: #85D7D1; }
.timeline .post .timeline-content.bg-black:before, .timeline .post .timeline-content.border-black:before { border-left-color: #85D7D1; }
.timeline .post:nth-child(even) .timeline-content.bg-black:before, .timeline .post:nth-child(even) .timeline-content.border-black:before { border: 15px solid transparent; border-right-color: #85D7D1; }

.bg-danger, .form-radio[value="danger"] + label { background: #F19411 !important; }
.timeline .post .timeline-content.bg-danger, .timeline .post .timeline-content.border-danger { border-color: #F19411; }
.timeline .post .timeline-content.bg-danger:before, .timeline .post .timeline-content.border-danger:before { border-left-color: #F19411; }
.timeline .post:nth-child(even) .timeline-content.bg-danger:before, .timeline .post:nth-child(even) .timeline-content.border-danger:before { border: 15px solid transparent; border-right-color: #F19411; }

.border-info { border-color: #F7CE10 !important; }
.bg-info, .form-radio[value="info"] + label { background: #F7CE10 !important; }
.timeline .post .timeline-content.bg-info, .timeline .post .timeline-content.border-info { border-color: #F7CE10; }
.timeline .post .timeline-content.bg-info:before, .timeline .post .timeline-content.border-info:before { border-left-color: #F7CE10; }
.timeline .post:nth-child(even) .timeline-content.bg-info:before, .timeline .post:nth-child(even) .timeline-content.border-info:before { border: 15px solid transparent; border-right-color: #F7CE10; }

.bg-warning, .form-radio[value="warning"] + label { background: #60BBB4 !important; }
.timeline .post .timeline-content.bg-warning, .timeline .post .timeline-content.border-warning { border-color: #60BBB4 !important; }
.timeline .post .timeline-content.bg-warning:before, .timeline .post .timeline-content.border-warning:before { border-left-color: #60BBB4; }
.timeline .post:nth-child(even) .timeline-content.bg-warning:before, .timeline .post:nth-child(even) .timeline-content.border-warning:before { border: 15px solid transparent; border-right-color: #60BBB4; }

@media (max-width: 767px){
  .timeline .post .timeline-content.bg-btn-info:before, .timeline .post .timeline-content.border-btn-info:before {
    border: 15px solid transparent;
    border-right-color: #85D7D1;
  }
  .timeline .post .timeline-content.bg-black:before, .timeline .post .timeline-content.border-black:before {
    border: 15px solid transparent;
    border-right-color: #85D7D1;
  }
  .timeline .post .timeline-content.bg-danger:before, .timeline .post .timeline-content.border-danger:before {
    border: 15px solid transparent;
    border-right-color: #F19411;
  }
  .timeline .post .timeline-content.bg-info:before, .timeline .post .timeline-content.border-info:before {
    border: 15px solid transparent;
    border-right-color: #F7CE10;
  }
  .timeline .post .timeline-content.bg-warning:before, .timeline .post .timeline-content.border-warning:before {
    border: 15px solid transparent;
    border-right-color: #60BBB4;
  }
}

.form-radio[value="success"] + label { display: none !important; }
.form-radio[value="primary"] + label { display: none !important; }

.timeline .post .timeline-content.bg-black, .timeline .post .timeline-content.bg-black .entry-title a, .timeline .post .timeline-content.bg-black blockquote footer, .timeline .post .timeline-content.bg-black blockquote small, .timeline .post .timeline-content.bg-black blockquote .small,
.timeline .post .timeline-content.bg-info, .timeline .post .timeline-content.bg-info .entry-title a, .timeline .post .timeline-content.bg-info blockquote footer, .timeline .post .timeline-content.bg-info blockquote small, .timeline .post .timeline-content.bg-info blockquote .small,
.timeline .post .timeline-content.bg-danger, .timeline .post .timeline-content.bg-danger .entry-title a, .timeline .post .timeline-content.bg-danger blockquote footer, .timeline .post .timeline-content.bg-danger blockquote small, .timeline .post .timeline-content.bg-danger blockquote .small,
.timeline .post .timeline-content.bg-warning, .timeline .post .timeline-content.bg-warning .entry-title a, .timeline .post .timeline-content.bg-warning blockquote footer, .timeline .post .timeline-content.bg-warning blockquote small, .timeline .post .timeline-content.bg-warning blockquote .small 
{
  color: #000000;
}

.timeline .post .timeline-content.bg-black blockquote, .timeline .post .timeline-content.bg-info blockquote {
  border-left-color: #000000;
}

.timeline .post .timeline-time a { color: #000000; }

/* .timeline .post:nth-last-of-type(4) .timeline-time a,
.timeline .post:nth-last-of-type(3) .timeline-time a,
.timeline .post:nth-last-of-type(2) .timeline-time,
.timeline .post:nth-last-of-type(1) .timeline-time {
  color: #ffffff;
} */

.world-map { text-align: center; }
.world-map.world-map-processed table { display: none; }
.world-map svg:not(:root) { max-width: 720px; height: 500px; overflow: visible !important; }
.world-map table thead tr th:first-child, .world-map table tbody tr td:first-child,
.world-map.world-map-color table thead tr th:last-child, .world-map.world-map-color table tbody tr td:last-child { display: none; }
.world-map table thead tr th:nth-of-type(2), .world-map table thead tr th:last-child:nth-of-type(2) { width: 10%; max-width: 200px; }

.world-map div:last-child { position: relative; }
.world-map .datamap path[data-info] { cursor: pointer; }
.datamaps-hoverover .hoverinfo { width: 200px; text-align: left; }

.donut-chart { text-align: center; }
.donut-chart.donut-chart-processed table { display: none; }
.donut-chart.donut-chart-color table thead tr th:last-child, .donut-chart.donut-chart-color table tbody tr td:last-child { display: none; }
.donut-chart svg:not(:root) { width: 100%; height: 290px; overflow: visible; }

.donut-chart path.slice { stroke-width: 2px; }

.donut-chart polyline { opacity: .3; stroke: black; stroke-width: 2px; fill: none; }


@media (min-width: 2561px){
  .why-hong-kong { padding-bottom: 780px; }
}
@media (min-width: 1921px){
  .why-hong-kong { padding-bottom: 55%; }
  .page-node-140 .background { background-position: center 350px !important; }
}
@media (max-width: 1600px){
  .why-hong-kong { padding-bottom:45%; }
}


@media (max-width: 1200px){
  .header .logo .site-name { font-size: 12px; white-space: inherit; }
  .header .logo .institution-name { font-size: 11px; }
  .header .primary .navbar .nav > li > a, .header .primary .navbar .nav > li > a:visited { padding-left: 7px; padding-right: 7px; }
}

@media (min-width: 992px){
 #sidebar .block .block-content, .footer-top .collapsible .block-content { display: block !important; height: auto !important; }
}

@media (max-width: 991px){
  #content .title { clear: both; }

  .why-hong-kong { padding-bottom: 40%; }
  
  .world-map.world-map-processed table { display: block !important; display: table !important; }
  .world-map svg { display: none; }
  .donut-chart.donut-chart-processed table { display: block !important; display: table !important; }
  .donut-chart svg { display: none; }
  
  .not-front #content { min-height: 0; }
  
  .not-front #block-system-main { padding-top: 40px; }
  .not-front #content .messages-container { margin-top: 40px; margin-bottom: -40px; }
  
  .not-front #block-system-main-menu { padding-top: 40px; padding-bottom: 0; }

  .row > .content.portfolio { margin-top: 30px; }
  .row > .content.portfolio:first-child { margin-top: 0; }

  #right-sidebar { top: 40px; }
  .right-floating-menu { top: 40px; }
  /* .padding-area { margin-bottom: 112px; } */

  .btn-back { display: none; }

  .main { margin-top: 0; }
  .fixed-header.hidden-top .header { margin-top: 0px; }
  .fixed-header.hidden-top #top-box { position: relative !important; }
  
  .header .primary .navbar .btn-navbar:before { border-left: 0; }
  .header .primary .navbar .nav { border: 0; padding: 0; }
  .header .primary .navbar .nav .open-sub span { margin: 17px 0 0 13px; }
  .header .primary .navbar .nav .open-sub span + span { margin: 10px 0 0 20px; }
  .header .primary .navbar .nav .level-2 .open-sub { display: none; }
  .header .primary .navbar .nav > li.admissions .open-sub span, .header .primary .navbar .nav > li.admissions .open-sub span + span { background-color: #ffffff; }
  .header .primary .navbar .nav > li { margin-bottom: 1px; }
  .header .primary .navbar .nav > li > a, .header .primary .navbar .nav > li > a:visited { padding: 8px 9px 6px 38px; }
  .header .primary .navbar .nav > li.admissions { margin-bottom: 0; }
  .header .primary .navbar .nav.navbar-nav > li { text-align: left; display: block; }
  .header .primary .navbar .nav.navbar-nav > li.two-lines { max-width: none; }
  .header .primary .navbar .navbar-collapse { padding: 0; margin-top: 51px; width: 600% !important; }
  
  .header .primary .tb-megamenu-item.level-2 { text-transform: none; margin: 0; }
  .header .primary .tb-megamenu-block { margin-left: 60px; margin-right: 60px; }
  
  .header .primary .sub.tb-megamenu-submenu > li { padding: 0; }
  .header .primary .sub.tb-megamenu-submenu > li img { display: none; }
  .header .primary .sub a, .header .primary .sub a:visited { padding-left: 38px; }
  .header .primary .parent > .sub { max-width: 100%; }
  .header .primary .parent:hover > .sub ul { padding: 0; }
   .header .primary .parent .parent .sub.tb-megamenu-submenu { display: initial; }
/*  .header .primary .parent .parent:hover .sub.tb-megamenu-submenu { display: initial; } */
  
  
  .footer-top .collapsible .block-content { display: none; }
  .footer-top .view-block.collapsible .block-content { display: block; }
  .footer-top .view-block.collapsible .block-content .block-content { display: none; }
  
  .footer-top aside:nth-of-type(odd) { clear: left; }
  
  .footer-top .collapsible .title-box { cursor: pointer; }
  .footer-top .collapsible .title-box .title { position: relative; padding-right: 30px; }
  .footer-top .collapsible .title-box .title:before, .footer-top .collapsible .title-box .title:after { content: ""; display: block; background: #000000; position: absolute; top: 50%; }
  .footer-top .collapsible .title-box .title:before { width: 18px; height: 2px; right: 0; margin-top: -2px; }
  .footer-top .collapsible .title-box .title:after { width: 2px; height: 18px; right: 8px; margin-top: -11px; }
  
  /* .footer-top .expanded .collapsible .block-content, .footer-top .expanded .collapsible .block-content .block-content { height: auto; } */
  .footer-top .collapsible.expanded .title-box .title:after { display: none; }
  
    
  #sidebar .block .block-content { display: none; }
  #sidebar .block .title-box { cursor: pointer; margin-bottom: 25px; }
  #sidebar .block .title-box .title { position: relative; padding-right: 30px; }
  #sidebar .block .title-box .title:before, 
  #sidebar .block .title-box .title:after { content: ""; display: block; background: #000000; position: absolute; top: 50%; }
  #sidebar .block .title-box .title:before { width: 18px; height: 2px; right: 0; margin-top: -2px; }
  #sidebar .block .title-box .title:after { width: 2px; height: 18px; right: 8px; margin-top: -11px; }
  /* #sidebar .block.expanded .block-content { max-height: 1000px; } */
  #sidebar .block.expanded .title-box .title:after { display: none; }
  
  .education-item img { width: 100%; height: auto; }
  
  
  /* Parent Theme (responsive.css line 1103)*/
  #top-box .btn-group.btn-select .visible-xs {
    display: inline-block !important;
  }
  #top-box .btn-group.btn-select .dropdown-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    min-width: inherit;
    width: 100%;
  }
  .top-navbar {
    margin: 0;
    min-height: 30px;
  }
  .top-navbar .btn-navbar {
    background: none !important;
    border-color: rgba(255,255,255,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    color: rgba(255,255,255,.7);
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 7px;
  }
  .top-navbar .btn-navbar.collapsed {
    border-color: transparent;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .top-navbar .collapse,
  .top-navbar .collapsing {
    background: #fff;
    border: 0 none;
    left: 0;
    margin: 5px -10px 0;
    padding: 0;
    position: absolute !important;
    top: 100%;
    z-index: 1002;
  }
  .top-navbar .navbar-nav {
    margin: 0;
  }
  #top-box .top-navbar .nav > li a {
    color: #7b7b7b;
  }
  .top-navbar .nav > li:hover a,
  .top-navbar .nav > li a:hover {
    background: none;
  }
  .top-navbar.top-navbar-right .btn-navbar {
    float: right;
  }
  .top-navbar.top-navbar-right .collapse,
  .top-navbar.top-navbar-right .collapsing {
    left: auto;
    right: -15px;
  }
  .top-navbar .nav > li a .count {
    background: rgba(0,0,0,.1);
  }
  /* Parent Theme (responsive.css line 1173)*/
  
  
  .top-navbar { margin-top: 5px; }
  .top-navbar.top-navbar-right .btn-navbar { border: 0; }
  .top-navbar .collapse, .top-navbar .collapsing { background-color: #f89406; }
  /*.top-navbar .collapse, .top-navbar .collapsing { margin: 5px 0 0; }*/

  .top-navbar.top-navbar-right .btn-navbar { padding-left: 13px; padding-right: 13px; }

  .header-icon-container.social-media { border-left: 0; }
  
  .navbar-toggle { display: inline; }
  .top-navbar .collapse, .top-navbar .collapsing { margin: 5px 0 0 0; }
  .navbar-collapse ul { min-width: 100%; }
  .navbar-collapse.collapse { max-height: 0; overflow: hidden !important; }
  .navbar-collapse.collapse.in { max-height: none; }

  #top-box nav ul li { float: none; border-top: 1px solid rgba(0,0,0,0.1); border-right: 0; }
  #top-box nav ul li.first { border-left: 0; }

  .view.events .datetime { margin-bottom: 6px; }
  .view.events .summary { margin-bottom: 23px; }
  
  /* Gallery Like Components */
  .carousel .row { text-align: center; }
}

@media (max-width: 991px) and (min-width: 768px){
  .ambassadors .carousel .col-sm-12 {
    max-width: 375px;
  }
}

@media (max-width: 767px){
  .two-columns-list > .row > * > .row { padding-bottom: 35px; }
  .two-columns-list .row img { margin-top: 25px; }
  .content a:last-child, .content .btn.btn:last-child { margin-bottom: 25px; }
  .two-columns-list a:last-child, .education-item .content .btn.btn:last-child { position: relative; bottom: 0; }
  .why-hong-kong { padding-bottom: 30%; }
  
  .world-map svg { display: none; }
  
  .md-objects .md-object a.btn { 
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .carousel-pagination { right: 10px; }
  
  #right-sidebar, .right-floating-menu { position: relative; width: auto;  margin-bottom: 33px; }
  
  .right-floating-menu.admissions { margin-left: 15px; margin-right: 15px; margin-top: -58px; margin-bottom: 50px; width: auto; }
  #right-sidebar .right-floating-menu.admissions { margin-left: 0; margin-right: 0; }
  #content #right-sidebar { margin-top: 0; }
  
  .padding-area { display: none; }

  .not-front #block-system-main, .not-front #block-system-main-menu { padding-top: 25px; }
  .not-front #content .messages-container { padding-top: 25px; margin-bottom: -25px; }

  #block-progressive-cms-breadcrumbs { display: none; }
  .page-header .title { margin-top: 18px; }
  .page-header h1.title { font-size: 30px; }
  #progressive_cms-page_title { padding-top: 0 !important; }

  .top-navbar.top-navbar-right .btn-navbar,
  .header .cart-header .dropdown-toggle, .header .primary .navbar .btn-navbar { padding-left: 0; padding-right: 0; }
  #top-box nav ul li a { padding: 0 10px; }
  #top-box .tools-bar { padding-left: 0; }

  .top-navbar.top-navbar-right .navbar-collapse { right: -10px; }
  .header-icon-container.social-media { display: none; }
  .header-icon-container.font-size-selector { padding-left: 5px; }
  
  .header-wrapper, .header .right-box-wrapper, .header .logo { height: 75px; min-height: 75px; }
  .header .primary .navbar .navbar-collapse { margin-top: 35px; }
  
  .phone-active, .search-active { margin-top: 49px; }


  .ambassadors .carousel .col-sm-12 {
    float: none;
    display: inline-block;
  }
  
  .table.responsive, .views-table.responsive  {
    background: none;
    border: 0;
    width: 100% !important;
  }
  .panel-body > .table.responsive, .panel-body > .views-table.responsive  {
    width: calc(100% - 30px) !important;
  }
  .table.responsive thead, .views-table.responsive thead {
    display: none;
  }
  .table.responsive tr, .views-table.responsive tr {
    display: block;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    overflow: hidden;
  }
  .table.responsive tr.odd, .views-table.responsive tr.odd {
    background-color: #ffffff;
  }
  .table-striped.responsive>tbody>tr:nth-child(odd)>td, .table-striped.responsive>tbody>tr:nth-child(odd)>th{
    background-color: #ffffff;
  }
  .table.responsive tbody td, .views-table.responsive > tbody > tr > td {
    display: block;
    width: 100% !important; 
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
  }
  .table.responsive tbody td > div, .views-table.responsive tbody td > div {
    vertical-align: middle;
    display: inline-block;
    width: 60%;
    padding-left: 18px;
    position: relative;
  }
  .table.responsive tbody td > div:after, .views-table.responsive tbody td > div:after {
    content: " ";
    display: block;
    clear: both;
    width: 0px;
    height: 10000px;
    border-left: 1px solid #e1e1e1;
    font-size: 0;
    position: absolute;
    left: 0;
    top: -100px;
  }
  .table.responsive tbody tr td:first-child, .views-table.responsive tbody tr td:first-child {
    background: #F7F7F7;
    color: #000000;
  }
  .table.responsive tbody td:before, .views-table.responsive tbody td:before {
    content: attr(data-th);
    font-weight: bold;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    padding-right: 18px;
  }
  
  footer.footer-top { background-image: none; }
  footer aside p .newsletter-submit { top: -54px; }
  
  #progressive_cms-footer_copyright .menu { float: left; }
  
  
  .faculty img { margin-bottom: 18px; }
  
  .newsletter-submit { top: -60px; }
  
  footer .col-md-3 { margin-bottom: 10px; }
}

@media (min-width: 768px){
  .navbar-nav>li { float: none; display: inline-block; vertical-align: middle; }
}

@media screen and (max-width: 480px) {
  .header .logo .site-name { font-size: 12px; }
  .header .logo .institution-name { font-size: 11px; }
}




@media print{
  a[href]:after {
    content: none;
  }
  
  .up, .btn-back, .right-floating-menu, #block-system-main-menu, footer {
    display: none;
  }
  
  #content .block-links, #content .block-links a, #content .block-links a:hover, #content .block-links a:active, #content .block-links a:visited, #content .block-links .fa { color: #000000; }
  
  #content .block-links .fa-print { display: none; }
  
  #content .field { margin-right: 0 !important; }
  
  #block-system-main .field {
    margin-right: 0 !important;
  }
  #right-sidebar {
    position: static;
  }
  .table-no-styles th, .table-no-styles td {
    border: 0 !important;
  }
  #right-sidebar .closing-date { padding: 0; width: auto; }
  #right-sidebar .closing-date:before, #right-sidebar .closing-date:after { display: none; }
  /* #right-sidebar .closing-date a { display: none; } */
  #right-sidebar .closing-date a[href]:after {
    content: " (" attr(href) ")" !important;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    background: none;
    display: inline;
  }
}

/* tpg homepage slider play pause */
.page-node-110 .md-slide-wrap .start,
.page-node-110 .md-slide-wrap .pause {
   display  : inline-block;
   cursor   : pointer;
   color    : white;
   font-size: 16px;
   font-family: 'FontAwesome';
   margin-left: 10px;
   top: -2px;
   position: relative;
}

.page-node-110 .md-slide-wrap .start::before {
    content          : "\f04b";
    display          : block;
}

.page-node-110 .md-slide-wrap .pause::before {
    content          : "\f04c";
    display          : block;
}

.custom-header h2{
    color: #184D9A; 
    font-size:20px;
}