@import url(//webarchive.lib.cuhk.edu.hk/20210328063218cs_///fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//webarchive.lib.cuhk.edu.hk/20210328063218cs_///fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(//webarchive.lib.cuhk.edu.hk/20210328063218cs_///fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://webarchive.lib.cuhk.edu.hk/20210328063218cs_/https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://webarchive.lib.cuhk.edu.hk/20210328063218cs_/https://fonts.googleapis.com/earlyaccess/cwtexming.css);

body {
  font-family: 'Roboto', sans-serif !important;
}
#search {
  display: flex;
}
#search form {
  width: 100%;
      padding-left: 20px;
}
#search form input.serach-btn {
  vertical-align: middle;
}
#search form input#query {
  color: #949393;
  width: 90%;
  height: 84px;
  font-size: 25px;
  font-weight: 300;
  border: 0px;
  background: #fafafa;
  vertical-align: middle;
  padding-left: 15px;
}
#search #search-close-btn {
  cursor: pointer;
}
#header {
  background: #fafafa;
}
#header_link {
  display: flex;
  padding: 13px 0px 3px 0px;
}
#header_link #cuhk_logo {
  margin-right: 5px;
}
#header-panel {
  align-self: center;
}
#header-panel ul {
  margin-bottom: 0px;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style: none;
}
#header-panel ul li {
  padding-right: 16px;
  border-right: 1px solid #878787;
  padding-left: 16px;
  cursor: pointer;
}
#header-panel ul li a {
  color: #878787;
  font-weight: 500;
}
#header-panel ul li img {
  border-bottom: 1px solid transparent;
  padding-bottom: 5px;
}
#header-panel ul li a#langselect_en, #header-panel ul li a#langselect_zh, #header-panel ul li a#langselect_cn {
  border-bottom: 1px solid transparent;
  padding-bottom: 3px;
}
#header-panel ul li a:hover {
  text-decoration: none;
  color: #2f2c2d;
}
#header-panel ul li img:hover, #header-panel ul li a#langselect_en:hover, #header-panel ul li a#langselect_zh:hover, #header-panel ul li a#langselect_cn:hover {
  border-color: #2f2c2d;
}
/*#header-panel ul li a#langselect_en:lang(en-gb) {
  display: none;
}*/
#header-panel ul li a:not(#langselect_en) {
  font-family: 'Noto Sans TC', sans-serif;
}
#main-menu {
  background-color: #2f2c2d;
}
#main-menu li a {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#main-menu nav ul.navbar-nav > li > a {
  font-size: 16px;
  color: #fff;
}

#index_events_annoucments_wrapper.mobile div.col-12.news {
  background-image: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_Announcement_news_dZZ.jpg.jpg);
  padding: 0px;
  background-position: 1% 31%;
}
#index_events_annoucments_wrapper.mobile div.col-12.events {
  background-image: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_up_coming_event_4DN.jpg);
  padding: 0px;
  background-position: 22% 50%;
}
#index_events_annoucments_wrapper.desktop .full-width-background {
  height: 417px;
  background-image: linear-gradient(to right,rgba(32, 209, 207, 0.9) 0%, rgba(32, 209, 207, 0.9) 50%, rgba(255, 144, 32, 0.9) 50%, rgba(255, 144, 32, 0.9) 100%);
}
#index_events_annoucments_wrapper.desktop .bg-img.news {
  background-image: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_Announcement_news_dZZ.jpg.jpg);
  padding-right: 0px;
  background-position: center;
}
#index_events_annoucments_wrapper.desktop .bg-img.news .color-overlayer {
  background: rgba(32,209,207,0.9);
  height: 417px;
}
#index_events_annoucments_wrapper.desktop .bg-img.events {
  background-image: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_up_coming_event_4DN.jpg);
  padding-left: 0px;
  background-position: center;
}
#index_events_annoucments_wrapper.desktop .container {
  margin-top: -417px;
}
#index_events_annoucments_wrapper.desktop .bg-img.events .color-overlayer {
  background: rgba(255, 144, 32, 0.9);
  height: 417px;
}
#index_events_annoucments_wrapper div.col-12 > div {
  height: 100%;
}
#index_events_annoucments_wrapper.mobile div.col-12.news > div {
  background: rgba(32,209,207,0.9);
}
#index_events_annoucments_wrapper div.col-12.news > div a:hover {
  color: #005c5b;
}
#index_events_annoucments_wrapper div.col-12.events > div a:hover,
#index_events_annoucments_wrapper div.col-12.events > div a:hover span.mod-articles-category-date {
  color: #743a00;
}
#index_events_annoucments_wrapper.mobile div.col-12.events > div {
  background: rgba(255, 144, 32, 0.9);
}
#index_events_annoucments_wrapper div.col-12 h2 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 35px;
}
#index_events_annoucments_wrapper div.col-12 ul {
  list-style: none;
  padding-left: 0px;
}
#index_events_annoucments_wrapper div.col-12 ul li {
  margin-bottom: 20px;
}
#index_events_annoucments_wrapper div.col-12.events ul li span.mod-articles-category-date {
  display: inline-block;
  line-height: 1.22;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  max-width: 17%;
}
#index_events_annoucments_wrapper div.col-12.events ul li a.mod-articles-category-title  {
  display: flex;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 0px;
  flex-direction: row;
}
#index_events_annoucments_wrapper div.col-12 ul li a {
  line-height: 1.22;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}
#index_events_annoucments_wrapper div.col-12 ul li a:hover {
  text-decoration: none;
}
#index_events_annoucments_wrapper .title {
  display: flex;
}
#index_events_annoucments_wrapper .news .title h2 {
  width: 64%;
  margin-right: 7%;
}
#index_events_annoucments_wrapper .events .title h2 {
  margin-right: 7%;
  
}
#index_events_annoucments_wrapper .title h2 ~ div {
  margin-top: 8px;
}

#index_boxes h2 {
  color: #2f2c2d;
  font-weight: bold;
  margin-bottom: 42px;
}

#index_boxes .custom div.row > div {
  color: #2f2c2d;
}
#index_boxes .custom .box a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #2f2c2d;
}
#index_boxes .custom .box a:hover {
  text-decoration: none;
}
#index_boxes .custom .box a:hover span.icon img {
  transform: scale(1.2);
}
#index_boxes .custom .box .icon {
  height: 50px;
}
#index_boxes .custom .box:hover .title {
  color: rgb(255, 144, 32);
}
#index_boxes .custom .box img {
  max-width: 70px;
  max-height: 60px;
  transition: 0.3s ease all;
}

#index_boxes .custom .box .title {
  margin-top: 32px;
  width: 50%;
  text-align: center;
  line-height: 1.19;
  font-weight: 500;
}


/**** Inner ****/
.inner_banner {
  max-height: 350px;
  overflow: hidden;
  display: flex;
}
.inner_banner img {
  width: 100%;
  align-self: center;
}
#inner {
  color: #565656;
  line-height: 23px;
}
#inner strong {
  color: #2f2c2d;
}
#inner em {
  /*color: #ff9020;
  font-style: normal;
  text-decoration: underline;*/
}
#inner .highlight {
  color: #ff9020;
  text-decoration: none;
}
#inner hr {
  border-top: 1px dashed #979797;
}
#inner div[itemprop="articleBody"] a {
  color: #ff9020;
  text-decoration: underline;
  word-break: break-word;
}
#inner div[itemprop="articleBody"] a.btn {
  background-color: white;
  border: 2px solid #ff9020;
  color: #ff9020;
  font-size: 20px;
  transition: .5s ease all;
  text-decoration: none;
  border-radius: 0px;
}
#inner div[itemprop="articleBody"] a.btn:hover {
  background-color: #ff9020;
  color: white;
}
#inner div[itemprop="articleBody"] h4 {
  font-size: 18px;
  font-weight: bold;
  color: #ff9020;
  margin-bottom: 20px;
}
#inner div[itemprop="articleBody"] .address:before {
  content: '';
  background: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/maps-and-flags.png);
  width: 18px;
  height: 21px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#inner div[itemprop="articleBody"] .tel:before {
  content: '';
  background: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png);
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#inner div[itemprop="articleBody"] .fax:before {
  content: '';
  background: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/icon-fax.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#inner div[itemprop="articleBody"] .email:before {
  content: '';
  background: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png);
  width: 18px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#inner div[itemprop="articleBody"] .website:before {
  content: '';
  background: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/grid-world.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#inner div[itemprop="articleBody"] div.listing-table-container > table {
  border-top: none;
}
#inner div[itemprop="articleBody"] div.listing-table-container > table:first-child {
  border-top: 1px dashed #979797;
}
#inner div[itemprop="articleBody"] div.listing-table-container > table td {
  padding: 5px 5px 5px 0px;
}
#inner div[itemprop="articleBody"] table {
  border-top: 1px dashed #979797;
  border-bottom: 1px dashed #979797;
  width: 100%;
  margin-bottom: 1em;
}
#inner div[itemprop="articleBody"] table.table-no-border {
  border-top: none;
  border-bottom: none;
}
#inner div[itemprop="articleBody"] table td {
  padding: 15px 5px 15px 0px;
  vertical-align: top;
}
#inner div[itemprop="articleBody"] table tr:first-child td {
  padding-top: 30px;
}
#inner div[itemprop="articleBody"] table tr:last-child td {
  padding-bottom: 30px;
}
#inner div[itemprop="articleBody"] ul {
  list-style: none;
  padding-left: 20px;
  text-indent: 0px;
}
#inner div[itemprop="articleBody"] ul li {
  position: relative;
}
#inner div[itemprop="articleBody"] ul li:before {
  content: '—';
  position: absolute;
  width: 3px;
  height: 3px;
  font-weight: bold;
  transition: 1s all ease;
  left: 0px;
}
#inner div[itemprop="articleBody"] > ul > li:before, #inner div[itemprop="articleBody"] .col-12 > ul > li:before, #inner div[itemprop="articleBody"] div > ul > li:before,
#inner div[itemprop="articleBody"] table td > ul > li:before {
  left: -20px;
}
#inner div[itemprop="articleBody"] ul > li > ul > li, #inner div[itemprop="articleBody"] ol > li > ul > li {
  padding-left: 15px;
} 
#inner div[itemprop="articleBody"] ul > li > ul > li:before, #inner div[itemprop="articleBody"] ol > li > ul > li:before {
  content: '>';
  width: 5px;
  height: 5px;
  position: absolute;
  transition: 1s all ease;
}
#inner div[itemprop="articleBody"]  span.arrow-listing {
  padding-left: 15px;
  text-indent: -15px;
}
#inner div[itemprop="articleBody"]  p.arrow-listing {
  padding-left: 30px;
  text-indent: -15px;
}
#inner div[itemprop="articleBody"]  .arrow-listing:before {
  content: '>';
  width: 5px;
  height: 5px;
  position: absolute;
}
#inner .page-header {
  background-color: #ff9020;
  padding: 10px 15px;
  width: fit-content;
  display: none;
}
#inner .category-list .page-header {
  margin-left: 15px;
}
#inner #content {
  position: relative;
}
#inner .no-com.item-page .inner-menu ~ div[itemprop="articleBody"] {
  padding: 0px;
}
#inner .no-com.item-page .inner-menu ~ div[itemprop="articleBody"]:before {
  content: none;
}
/*Pull header up only when banner is shown*/
#inner .inner_banner ~ .container .page-header {
  margin-top: -25px;
}
/**/
#inner .page-header h1 {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 0px;
}
#inner .page-header:not(.article-header) {
  display: block;
}
#inner .page-header + .article-header {
  display: block;
}
#inner .page-header.article-header h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 0px;
}
#inner .legend {
  margin-top: 17px;
  margin-bottom: 17px;
}
#inner .legend >div {
  margin-right: 50px;
}
#inner .legend >div img {
  margin-right: 10px;
}
#inner .item-page {
  position: relative;
}
#inner .item-page div[itemprop="articleBody"], #inner .item-page_news div[itemprop="articleBody"] {
  padding: 30px 20px 80px 20px;
}
#inner .item-page.col-count div[itemprop="articleBody"] {
  padding: 30px 20px 80px 20px;
}
#inner .full div[itemprop="articleBody"] {
  padding: 30px 0px 80px 0px;
}
#inner .staff-card-listing form {
  padding: 0px;
}
#inner .back-btn {
  background-color: #2f2c2d;
  position: absolute;
  top: 37px;
  right: 7%;
  padding: 0px 19px;
}
#inner .back-btn a {
  color: #fff;
  font-size: 14px;
}
.addtoany_container {
  position: absolute;
  right: 15px;
  top: 30px;
}
.addtoany_container.mobile {
  margin-top: 8px;
  position: relative;
  right: unset;
  top: unset;
  text-align: right;
}
#inner div.addtoany_container ~ div[itemprop="articleBody"] {
  padding: 10px 0px 80px 0px;
}
/*Director*/
.director-message img {
  width: 100%;
}
.director-message .director-info {
  background-color: #2f2c2d;
  color: #ff9020;
  font-weight: normal;
  padding: 12px;
}
.director-message .director-info p {
  margin-bottom: 0.5em;
}
.director-message .director-info .name {
  font-weight: bold;
  font-size: 18px;
}
.director-message .director-info p:not(.name) {
  line-height: 20px;
}
/*News and Events*/
.content-category_news form, .content-category_events form {
  padding: 0px 20px;
}
.category.table {
  border: none;
  margin-top: 30px;
}
.category.table tbody tr {
  background-color: transparent;
}
.category.table tbody tr:hover {
  background-color: transparent;
}
.category.table tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.category.table tbody tr td {
  border: none;
  border-bottom: 1px dashed #979797;
  padding: 15px 0px;
}
.category.table tbody tr td.list-title {
  width: 80%;
}
.category.table tbody tr td.list-date {
  text-align: right;
  font-size: 100%;
}
.category.table tbody tr td a {
  color: #565656;
}
.category.table tbody tr td a:hover {
  color: #ff9020;
  font-weight: 500;
}
/*Pagination*/
.pagination {
  width: 100%;
  margin-top: 20px;
}
.pagination p.counter {
  display: none;
}
.pagination ul {
  display: flex;
  width: 100%;
  list-style: none;
  justify-content: flex-end;
}
.pagination ul li.pagination-start, .pagination ul li.pagination-end {
  display: none;
}
.pagination ul li {
  margin-right: 15px;
  margin-left: 15px;
  position: relative;
}
.pagination ul li:before {
  content: '';
  border: 2px solid #878787;
  border-radius: 15px;
  position: absolute;
  top: 11px;
  left: -15px;
  background-color: #878787;
}
.pagination ul li:nth-child(3):before {
  content: none;
}
.pagination ul li.pagination-next:before, .pagination ul li.pagination-prev:before {
  content: none;
}
.pagination ul li  span {
  color: #20d1cf;
}
.pagination ul li a, .pagination ul li.pagination-next a, .pagination ul li.pagination-next span, .pagination ul li.pagination-prev a, .pagination ul li.pagination-prev span  {
  color: #878787;
}

/*Inner Menu*/
.inner-menu {
  padding: 0px 20px;
  margin-top: 30px;
}
.inner-menu > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.inner-menu > ul > li {
  margin-bottom: 10px;
}
.inner-menu > ul li {
  border: 2px solid #878787;
  padding: 5px 7px;
  margin-right: 20px;
}
.inner-menu > ul.menu_fifth_level_only li, .inner-menu > ul.menu_fourth_level_only li {
  margin-bottom: 15px;
}
.inner-menu > ul li:hover:not(.active):not(.show-child) {
  background-color: #2f2c2d;
  border-color: #2f2c2d;
}
.inner-menu > ul li a {
  color: #878787;
  font-size: 15px;
}
.inner-menu > ul li:hover:not(.show-child) a, .inner-menu > ul li.current.active:not(.show-child) a {
  color: #fff;
  text-decoration: none;
}
.inner-menu > ul li.current.active:not(.show-child) {
  background-color: #ff9020;
  border-color: #ff9020;
}
.inner-menu > ul > li.show-child {
  flex-basis: 100%;
  border: none;
  border-top: 1px dashed #979797;
  margin-top: 20px;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
.inner-menu > ul > li.show-child > a {
  pointer-events: none;
}
.inner-menu > ul > li.show-child > ul {
  background: transparent;
  display: flex;
  flex-flow: row wrap;
  border: none;
}
.inner-menu > ul > li > ul > li {
  margin-top: 15px;
}
#inner .item-page .inner-menu ~ div[itemprop="articleBody"] {
  padding: 30px 20px 80px 20px;
}
#inner .item-page .inner-menu ~ div[itemprop="articleBody"]:before {
  content: '';
  border-top: 1px solid #979797;
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 30px;
}
/* Card Listing / People */
.card-listing-row {
  margin-top: 30px;
}

.listing-card {
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}
.card-img {
  max-height: 310px;
  overflow: hidden;
}
.card-img img {
  width: 100%;
}
.card-info {
  padding: 9px 11px;
}
.card-info a.card-more {
  position: absolute;
  right: 25px;
}
.card-info p {
  margin-bottom: 0px;
}
.card-info .name {
  font-weight: bold;
  color:#ff9020;
}
.card-info .title {
  margin-top: -2px;
  margin-bottom: 10px;
}
.card-info .education {
  display: none;
}
.card-info .tel:before {
  content: '';
  background: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png');
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.card-info .email, .card-info .email a {
  color: #565656;
  word-break: break-all;
}
.card-info .email:before {
  content: '';
  background: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png');
  width: 16px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.item-page.staff-card-listing .people-full-image img {
  width: 100%;
}

#inner .item-page.staff-card-listing div[itemprop="articleBody"] h4 {
  margin-bottom: 0px;
}
#inner .item-page.staff-card-listing div[itemprop="articleBody"] {
  padding-left: 0px;
  padding-right: 0px;
}
.item-page div[itemprop="articleBody"] span.name {
  font-weight: bold;
  color: #ff9020;
}
.item-page.staff-card-listing span.education {
  display: block;
  margin-bottom: 16px;
}
#inner .item-page.staff-card-listing span.email a,  #inner .item-page.staff-card-listing a.email {
  color: #565656;
  text-decoration: none;
}
.item-page.staff-card-listing span.email a:before,  .item-page.staff-card-listing a.email:before {
  content: '';
  background: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png');
  width: 16px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.item-page.staff-card-listing span.tel:before {
  content: '';
  background: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png');
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing {
  border-top: none;
  border-bottom: none;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing tr td {
  border-bottom: 1px dashed #979797;
}

#inner div[itemprop="articleBody"] .staff-list.table-listing .name {
  font-weight: bold;
  color: #ff9020;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing .title {
  margin-top: -2px;
  margin-bottom: 10px;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing a {
  color: #565656;
  text-decoration: none;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing .email {
  color: #565656;
  text-decoration: none;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing .email:before {
  content: '';
  background: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png);
  width: 16px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#inner div[itemprop="articleBody"] .staff-list.table-listing .tel:before {
  content: '';
  background: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png');
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
/*Hide Show*/
.content_show {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  display: inline-block;
  cursor: pointer;
}
.content_show >div:after {
  content: '';
  background-image: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/arrow-button-copy-3.png');
  position: relative;
  display: inline-block;
  width: 14px;
  height: 10px;
  margin-left: 10px;
  transition: 0.3s ease all;
}
.content_hide_container {
  height: 0px;
  overflow: hidden;
  padding: 0px;
}
#inner div[itemprop="articleBody"] .content_show_container:not(.open) .content_hide_container ul li:before {
  color: transparent;
  transition: 1s all ease;
}
#inner div[itemprop="articleBody"] .content_show_container.open .content_hide_container ul li:before {
  color: #565656;
}
.course-hide-show .content_show >div {
  position: relative;
}
.course-hide-show .content_show > div:first-child:after {
  background-image: url('/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/keyboard-right-down-button-copy.png');
  position: absolute;
  right: 0px;
  top: 6px;
}
.course-hide-show .open .content_show > div:first-child:after {
  transform: rotate(180deg);
}
.course-hide-show-wrapper > div {
  border-top: 1px solid #979797;
  padding: 27px 10px;
}
.course-hide-show-wrapper > div:last-child {
  border-bottom: 1px solid #979797;
}
.course-hide-show-wrapper > div .content_show {
  width: 100%;
}
.course-hide-show-wrapper > div .content_show > div:first-child {
  width: 100%;
  color: #ff9020;
  font-size: 18px;
  font-weight: bold;
}
#inner div[itemprop="articleBody"] table.course-table-listing {
  border-top: none;
  border-bottom: none;
  width: 100%;
  font-size: 16px;
  color: #565656;
  font-weight: normal;
}
#inner div[itemprop="articleBody"] table.course-table-listing tr td {
  padding: 13px 0px;
}
#inner div[itemprop="articleBody"] table.course-table-listing:not(.single-col) tr td:last-child {
  text-align: right;
}
#inner div[itemprop="articleBody"] table.course-table-listing tr:first-child {
  border-bottom: 1px solid #979797;
}
#inner div[itemprop="articleBody"] table.course-table-listing tr:not(:first-child) td {
  border-bottom: 1px dashed #979797;
}
#inner div[itemprop="articleBody"] table.course-table-listing tr:last-child td {
  padding-bottom: 13px;
  border-bottom: 1px solid #979797;
}
#inner div[itemprop="articleBody"] table.course-table-listing p {
  margin-bottom: 0px;
}

/*Registration Form */
.discount-msg {
  border-bottom:solid 1px #979797;
  margin-bottom: 1em;
}
.discount-msg img {
  margin-right: 10px;
}

.registration-process > div:after{
  content: '';
  background-image: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/form_icon/keyboard-right-arrow-button.png);
  width: 15px;
  height: 22px;
  position: absolute;
  display: inline-block;
  vertical-align: text-bottom;
  top: 45%;
  right: 15%;
}
.registration-process > div:last-child:after {
  content: none;
}

/** Accommodation  **/
.carousel-item {
  height: 310px;
  overflow: hidden;
}
#inner .carousel-control-next {
  left: 10px;
  bottom: 20px;
  top: unset;
}
#inner .carousel-control-next-icon {
  background-image: url(/20210328063218oe_/https://web.swk.cuhk.edu.hk/images/second_development/thumbnail_next.png);
}

/** Share **/
.share-btn {
  text-align: right;
  margin-top: -20px;
  margin-bottom: 20px;
}
#a2apage_dropdown {
  width: auto;
  min-width: unset;
  text-align: left;
  border-radius: 0px;
  margin-top: 4px;
  background: transparent;
  border: 0px;
}
#a2apage_dropdown #a2apage_mini_services {
  background-color: #fafafa;
  border: 1px solid #979797;
  border-radius: 6px;
}
#a2apage_dropdown a.a2a_i {
  width: 24px;
  float: none;
  padding: 8px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border: none;
}
#a2apage_dropdown a.a2a_i:last-child {
  border-bottom: 0px;
}
#a2apage_dropdown a.a2a_i .a2a_svg {
  margin-right: 25px;
}
#a2apage_dropdown.a2a_menu a:active, #a2apage_dropdown.a2a_menu a:focus, #a2apage_dropdown.a2a_menu a:hover {
  background-color: transparent;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
}
.list-view .share-btn.mobile, .grid-view .share-btn.mobile {
  float: right;
  margin-top: 4px;
}


/*custom Style*/
body.overview-of-programmes #inner div[itemprop="articleBody"] table tr:first-child td:first-child {
  width: 4%;
}
.cat-100 .item-page .inner-menu, .cat-99 .item-page .inner-menu {
  display: none;
}

/*Gallery*/
.gallery {
  margin-top: 30px;
}
.gallery .jg-header {
      background-color: #ff9020;
    padding: 10px 15px;
    width: fit-content;
    color: white;
    max-width: 32.5%;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 0px;
}