html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
span,
form,
input,
fieldset,
button,
pre,
b,
strong {
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding: 0px;
}
img {
	border: none;
}
html {
	overflow-y: scroll;
	line-height: 1.5;
}
#html {
	background-color: #444;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: #222222;
	font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222222;
}
a {
	text-decoration: none;
	color: #0C5588;
	word-break: break-word;
}
#home a {
	color: #414042;
	color: #222222;
}
a:hover {
	text-decoration: underline;
}
.wrapper {
	width: 1600px;
	margin: 0px auto;
	background-color: white;
}
#header {
	border-top: 10px solid #8ec7f1;
	padding: 0px 30px;
}
#header #mobile_menu_container {
	display: none;
}
#header_top {
	height: 30px;
	padding-top: 5px;
}
#header_top>div {
	display: inline-block;
	float: right;
	margin-right: 15px;
}
#header_top #fb {
	margin-right: 5px;
}
#header_top #home_icon {
	margin-right: 10px;
}
#header_top #search {
	margin-top: 0px;
}
#language a {
	text-decoration: none;
	margin-right: 5px;
	color: #414042;
}
#font_size {
	margin-top: 3px;
}
.fontsize {
	cursor: pointer;
}
#language {
	font-size: 13px;
	margin-top: 5px;
}
#fb img {
	height: 18px;
}
#home_icon img {
	height: 20px;
}
#topmenu ul li {
	display: inline-block;
	vertical-align: top;
}
#topmenu ul li.item-101 {
	display: none;
}
#topmenu ul li a {
	padding: 6px;
	color: #414042;
	text-decoration: none;
	font-size: 13px;
}
.nav.sf-menu.sf-js-enabled.sf-arrows {
	margin-bottom: 0px;
}
#search table tr td #query {
	border-bottom: 1px solid #414042;
	height: 19px;
}
#search table tr td .siteSearchbox_submit {
	vertical-align: bottom;
}
#search form {
	margin-top: -3px;
}
#search_image {
	margin-top: 5px;
}
#header_bottom {
	height: 67px;
}
#arts_logo {
	display: inline-block;
	float: left;
	padding: 12px 14px;
}
#arts_logo a img {
	height: 50px;
}
#cuhk_logo {
	display: inline-block;
	float: right;
	padding: 12px 14px;
}
#cuhk_logo a img {
	height: 50px;
}
#main_menu a {
	text-decoration: none;
}
#main_menu ul li {
	background: white;
}
#main_menu ul li:hover {
	background-color: #8EC7F1;
}
#main_menu ul li a {
	color: #414042;
	padding: .5em 1em;
}
#main_menu .sf-menu {
	margin-bottom: 0;
	width: 100%;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: black !important;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: black !important;
}
#main_menu .sf-arrows .sf-with-ul {
	padding-right: 2em;
}
#main_slider {
	width: 100%;
}
#main_slider .camera_wrap {
	margin-bottom: 20px !important;
}
.camera_wrap .camera_pag .camera_pag_ul {
	margin-top: -66px !important;
	margin-right: 20px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: none !important;
	border: solid 1px white !important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: white !important;
	padding: 4px;
	margin: -4px;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: white !important;
	padding: 4px;
	margin: -4px;
}
.camera_caption > div {
	background-color: transparent !important;
}
.camera_overlayer {
}
#home .camera_caption_title {
	font-size: 23px;
	margin-left: 20px;
	padding: 20px;
	font-family: 'Open Sans', sans-serif;
}
#arts_bg {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/templates/arts/images/home_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}
body.site {
	background-size: 158%;
	background-repeat: no-repeat;
	background-position: 10% 300px;
}
.addthis_toolbox {
	float: right;
	margin-top: -15px;
}
.addthis_counter {
	display: none !important;
}
.blog .joomla_add_this {
	display: none;
}
a.at300b .at4-icon,
a.at300m .at4-icon {
	width: 24px;
	height: 24px;
	background-size: 100% !important;
}
#news_events {
	min-height: 375px;
	width: 96%;
	padding: 0px 30px;
}
#news {
	width: 74%;
	min-height: 360px;
	display: inline-block;
	vertical-align: top;
}
#news .aidanews2_art {
	width: 33%;
	display: inline-block;
	vertical-align: top;
}
#news .aidanews2 .even,
#events .aidatoday.even {
	background: none !important;
}
#news .aidanews2_line {
	display: none;
}
#news .aidanews2_botL {
	width: 90% !important;
}
#news .aidanews2 img {
	border: none;
}
#home #news .aidanews2_date {
	font-size: 13px;
	color: #222222;
	font-weight: 700;
}
#home #news .aidanews2_botL {
	margin-top: 10px;
}
#home #news .aidanews2_title a:link {
	font-weight: 700 !important;
}
#home #news .aidanews2_title a {
	color: black;
}
#home #news .aidanews2_title a:hover {
	text-decoration: underline;
}
#more_news {
	float: right;
	padding: 5px;
	background-color: rgba(142,199,241,0.8);
	margin-right: 3.5%;
}
#news .aidanews2 .aidanews2_img1 img {
	width: 93%;
	height: auto;
	margin-right: 7%;
	padding: 0px;
}
#more_news a {
	color: white;
}
#aboutus .aidanews2 .even {
	background: none;
}
#aboutus .aidanews2_line {
	border: none;
}
#aboutus .aidanews2_positions {
	margin-top: 25px;
}
#aboutus .aidanews2_mainR {
	border-bottom: 3px solid #8EC7F1;
}
#aboutus .aidanews2_topL,
#aboutus .aidanews2_botL {
	float: left;
	width: 23%;
	text-align: left;
	margin-top: -60px;
}
#aboutus .aidanews2_topR,
#aboutus .aidanews2_botR {
	float: right;
	width: 71%;
	text-align: left;
	padding-top: 10px;
}
#aboutus .aidanews2_main {
	margin-left: 75px;
}
#aboutus .aidanews2_mainR {
	float: right;
	width: 76%;
}
#aboutus .aidanews2_date {
	font-size: 22px;
	color: #000000;
}
#aboutus .aidanews2_title a {
	color: #2b4080;
	font-size: 18px;
	font-weight: normal;
}
#aboutus.site.faculty-news #content .pull-left.item-image {
    margin-right: 10px;
}
#events {
	width: 23%;
	min-height: 200px;
	display: inline-block;
	vertical-align: top;
}
#events h3,
#news h3 {
	margin-bottom: 20px;
	padding-left: 5px;
	font-size: 23px;
}
#events .aidanews2_line {
	display: none;
}
#events .aidanews2 .even {
	background: none;
}
#events .aidanews2_topL,
#events .aidanews2_botL {
	width: 28%;
	text-align: left;
}
#events .aidanews2_topR {
	float: left !important;
	text-align: left !important;
	width: 71% !important;
}
#events .aidanews2_date {
	font-size: 19px;
	font-weight: bold;
	color: #222222;
	display: block;
}
#events .aidanews2_date_2 {
	font-size: 14px;
}
#events .aidanews2_positions {
	margin-bottom: 10px;
}
#home #events .aidanews2_title {
	font-size: 14px;
}
#home #events .aidanews2_title a {
	font-weight: normal;
}
#more_events {
	float: right;
	padding: 5px;
	background-color: rgba(142,199,241,0.8);
}
#more_events a {
	color: white;
}
.faculty-news .aidanews2_readmore {
	float: right;
	padding: 5px;
	background-color: #8EC7F1;
	color: white;
}
#aboutus.faculty-news .aidanews2 img {
	border-right: 3px solid #8EC7F1;
	border-bottom: 3px solid #8EC7F1;
	padding: 0px;
}
#aboutus .blog .items-row {
	margin-bottom: 25px;
	min-height: 220px;
}
#aboutus .info-top,
.info-speaker {
	color: #2b4080;
}
#aboutus .blog .items-row .item-image img {
	border-right: 3px solid #8EC7F1;
	border-bottom: 3px solid #8EC7F1;
}
#aboutus table.aboutus-event td {
	padding: 5px;
}
.aidanews2_readmore {
	float: right;
}
.info-date {
	border: 1px solid;
	width: 8%;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	max-width: 60px;
}
.info-title {
	font-weight: bold;
	display: inline-block;
	font-size: 18px;
	width: 89%;
	vertical-align: top;
}
.info-speaker {
	font-weight: bold;
	font-size: 18px;
}
#quick_slider {
	height: 345px;
	padding: 0px 30px;
	width: 96%;
}
#quick_slider h2 {
	padding-top: 20px;
}
#breadcrumbs {
	height: 35px;
	margin-top: 15px;
	padding: 0px 50px;
}
#breadcrumbs ul li {
	display: inline-block;
}
#inner_banner {
	height: 420px !important;
}
#aboutus #inner_banner {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/banner.jpg) center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: top;
}
#prospective_students #inner_banner {
	background-repeat: no-repeat;
	background-image: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/banner2.jpg);
}
#current_students #inner_banner {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/banner3.jpg) center;
	background-repeat: no-repeat;
}
#teaching_and_learning #inner_banner {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/banner4.jpg) center;
	background-repeat: no-repeat;
}
#research #inner_banner {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/banner5.jpg) center;
	background-repeat: no-repeat;
}
#contactus #inner_banner {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/banner6.jpg) center;
	background-repeat: no-repeat;
}
#content {
	min-height: 400px;
	padding-bottom: 80px;
	padding: 0px 50px;
	width: 70%;
}
.people #content {
	width: 80%;
}
.page-header {
	margin-bottom: 15px;
}
#aboutus.site.events .item-page div.pull-left.item-image {
	max-width: 30%;
	margin-right: 10px;
}
#aboutus.site.events .item-page div.pull-left.item-image img {
	width: 100%;
}
#aboutus.site.news .item-page div.pull-left.item-image {
	margin-right: 10px;
}
#aboutus.site.news #content .item-page + #gallery_back_button,
#aboutus.site.events  #content .item-page + #gallery_back_button {
	display: block !important;
}
#aboutus.site.news #content .item-page,
#aboutus.site.events  #content .item-page {
	min-height: 300px;
}
#prospective_students.student-achievements a {
	text-decoration: none;
	color: #525150;
}
#prospective_students.student-achievements #inner_content table tr td {
	padding: 10px;
}
#prospective_students.student-achievements #inner_content table tr th {
	padding: 10px;
	background-color: #8ec7f1;
}
#current_students.student-achievements a {
	text-decoration: none;
	color: #525150;
}
#current_students.student-achievements #inner_content table tr td {
	padding: 10px;
	vertical-align: top;
}
#current_students.student-achievements #inner_content table tr th {
	padding: 10px;
	background-color: #8ec7f1;
}
#inner_content .item-page table {
	border-collapse: collapse !important;
}
.site.people #inner_content .item-page table:not(.people-table) td {
	padding: 15px;
}
.site.people #inner_content .item-page table:not(.people-table) td h3 {
	font-size: 17px;
}
.site.people #inner_content .item-page table.exective_officer td {
	padding: 15px 0px 15px 15px;
}
.site.people #inner_content .item-page table.general_clerk td {
	padding: 15px;
}
.site.people #inner_content .item-page table.exective_officer td:nth-child(2) p {
	padding-right: 5px;
}
.site.people #inner_content .item-page table.exective_officer td p,
.site.people #inner_content .item-page table.general_clerk td p {
	border-right: 1px solid #000000;
}
.site.people #inner_content .item-page table.general_enquiry {
	width: 50%;
	background-color: #e6f3fa;
}
#inner_content table.admission-postgraduate {
	width: 500px;
	line-height: 1;
}
#inner_content table.admission-postgraduate tr td {
	padding: 10px;
}
#inner_content table.admission-postgraduate tr th {
	padding: 10px;
	background-color: #8ec7f1;
}
#inner_content table.admission-postgraduate tr td:first-child {
	width: calc(70%);
}
.zh-tw  #inner_content table.admission-postgraduate tr td:first-child {
	width: calc(45%);
}
#inner_content table.teaching-awards {
	width: 798px;
	height: 128px;
}
.zh-tw #inner_content table.teaching-awards {
	width: 600px;
	height: 128px;
}
#inner_content table.teaching-awards tr td {
	padding: 10px;
	text-align: left;
}
#inner_content table.teaching-awards tr th {
	padding: 10px;
	background-color: #8ec7f1;
}
#inner_content table.teaching-awards tr td:nth-child(1) {
	width: 16%;
}
#inner_content table.teaching-awards tr td:nth-child(2) {
	width: 30%;
}
#inner_content table.teaching-awards tr td:nth-child(3) {
	width: 43%;
}
.zh-tw #inner_content table.teaching-awards tr td:nth-child(1) {
	width: 20%;
}
.zh-tw #inner_content table.teaching-awards tr td:nth-child(2) {
	width: 38%;
}
.zh-tw #inner_content table.teaching-awards tr td:nth-child(3) {
	width: inherit;
}
#research #inner_content table tr td:not(.faculty-colloquim) {
	padding: 10px;
	vertical-align: top;
}
#research #inner_content table tr th {
	padding: 10px;
	background-color: #8ec7f1;
	min-width: 130px;
}
#research #inner_content table.research-table-5-col tr th:last-child {
	min-width: 0px;
}
.zh-tw #research #inner_content table.research-table-5-col tr th:last-child {
	min-width: inherit;
}
#research #inner_content table.research-table-5-col tr td:last-child {
	text-align: center;
}
.zh-tw table.research-table-5-col tr th.dep {
	min-width: 65px;
}
#research #inner_content table.research-awards tr th {
	min-width: 165px;
}
#research #inner_content table tr th.year {
	min-width: 80px;
}
#research #inner_content table tr th.pi {
	width: 175px;
}
.zh-tw #research #inner_content table tr th.pi {
	width: 110px;
}
#research #inner_content table tr th.dep {
	min-width: 40px;
}
.zh-tw #research #inner_content table tr th.dep {
	min-width: 65px;
}
#research #inner_content table tr th.year.long {
	min-width: 210px;
}
#research #inner_content table tr th.dep.long {
	min-width: 155px;
}
table.centre_table {
	width: 100%;
}
.centre_table tr td {
	height: 60px;
}
.centre_table tr td:first-child {
	width: 60%;
}
.zh-tw .centre_table tr td:last-child {
	width: 40%;
}
.zh-tw .centre_table tr td:first-child {
	width: 35%;
}
.zh-tw .centre_table tr td:last-child {
	width: 40%;
}
.blog .pull-left.item-image {
	display: inline-block;
	width: 18%;
}
#aboutus .blog .items-row .item-image img {
	width: 100%;
}
.blog .events-info {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin-left: 25px;
}
#aboutus .people_img img {
	border: 6px solid #8EC7F1;
	border-radius: 500px;
}
#aboutus .item-page h3 {
	color: #00355D;
}
#aboutus table tr td a {
	color: #0C5588;
}
#aboutus.people a {
	word-break: normal;
}
table.people-table {
	width: 90%;
}
table.people-table tr {
	border-bottom: 1px solid black;
}
table.people-table td.people {
	padding: 10px 0px;
	width: 50%;
}
table.people-table .people-pic,
table.people-table .people-info {
	display: inline-block;
	vertical-align: middle;
}
table.people-table .people-pic img {
	border: 6px solid #8EC7F1;
	border-radius: 500px;
}
table.people-table .people-info {
	padding-left: 10px;
	/*max-width: 270px;*/
}
.photo-gallery .joomcat121_txt li {
	font-size: 12px;
	padding: 0px 5px;
}
.photo-gallery .joomcat121_txt a {
	color: #8ec7f1;
}
.gallery .pagination ul {
	margin-top: 15px;
}
.gallery .pagination li {
	display: inline-block;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.gallery .jg_subcatelem_txt,
.gallery .jg_catelem_txt {
	display: block;
	text-align: left !important;
}
.gallery .jg_subcatelem_txt ul li img.jg_icon {
	display: none;
}
body.site.photo-gallery #content #gallery_back_button,
body.site.feature-album-1 #content #gallery_back_button,
body.site.feature-album-2 #content #gallery_back_button,
body.site.feature-album-3 #content #gallery_back_button,
body.site.feature-album-4 #content #gallery_back_button,
body.site.event-1 #content #gallery_back_button,
body.site.event-2 #content #gallery_back_button,
body.site.event-3 #content #gallery_back_button,
body.site.event-4 #content #gallery_back_button {
	display: block !important;
}
.jg_imgalign_catimgs+.jg_catelem_txt {
	display: none;
}
#aboutus .moduletable_3slide {
	display: none;
}
#aboutus .moduletable_4slide {
	display: block;
}
#aboutus .moduletable_4slide h3 {
	margin: 15px 0px 5px 0px;

}
#aboutus #next138,
#aboutus #next122,
#aboutus #next123,
#aboutus #next128,
#aboutus #next129{
	margin-right: -60px;
	margin-top: 30px;
}
#aboutus #prev138,
#aboutus #prev122,
#aboutus #prev123,
#aboutus #prev128,
#aboutus #prev129{
	margin-left: -60px;
	margin-top: 30px;
}
#aboutus #djslider-loader138,
#aboutus #djslider-loader122,
#aboutus #djslider-loader123,
#aboutus #djslider-loader128,
#aboutus #djslider-loader129 {
	border-top: 1px solid #8EC7F1;
	border-bottom: 1px solid #8EC7F1;
	padding: 25px 0px !important;
}
#aboutus .aboutus_video {
	margin-top: 15px;
	font-size: 25px;
	font-weight: 300;
	margin-bottom: 15px;
}
#aboutus .aidanews2_topL,
#aboutus .aidanews2_botL {
	width: 35%;
}
#aboutus .aidanews2_mainR {
	width: 69.7%;
}
#aboutus .aidanews2_topR,
#aboutus .aidanews2_botR {
	width: 65%;
}
#djslider138,#djslider122,#djslider123,#djslider128,#djslider129{
  	height:330px !important;
}
#slider138 .slide-desc,#slider122 .slide-desc,#slider123 .slide-desc, #slider128 .slide-desc,#slider129 .slide-desc{
  top:160px;
}
#slider138 .slide-desc-bg,#slider122 .slide-desc-bg,#slider123 .slide-desc-bg, #slider128 .slide-desc-bg,#slider129 .slide-desc-bg{
  background:transparent;
}
#slider138 .slide-desc-text,#slider122 .slide-desc-text,#slider123 .slide-desc-text, #slider128 .slide-desc-text,#slider129 .slide-desc-text{
  color:black;
}
#slider138 .slide-desc-text .slide-title,#slider122 .slide-desc-text .slide-title,#slider123 .slide-desc-text .slide-title, #slider128 .slide-desc-text .slide-title,#slider129 .slide-desc-text .slide-title{
  font-size:16px;
  color:black;
  font-weight:bold;
}
#slider138 .slide-desc-text .slide-title a,#slider122 .slide-desc-text .slide-title a,#slider123 .slide-desc-text .slide-title a, #slider128 .slide-desc-text .slide-title a,#slider129 .slide-desc-text .slide-title a{
  color:black;
}
#aboutus div.moduletable_4slide:nth-child(3) {
		display: none;
}
.video {
	display: inline-block;
}
.video_info {
	display: inline-block;
	vertical-align: top;
	background-color: #000000;
	width: 35%;
	color: white;
	padding: 10px;
	margin-left: -5px;
	height: 295px;
	text-align: justify;
}
#footer {
	min-height: 600px;
	margin-top: 50px;
}
#footer_menu_top div {
	padding: 50px 30px;
}
#footer_menu_top ul li {
	list-style: none;
	margin-bottom: 8px;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	width: 18%;
}
#footer_menu_top ul li.item-486,
#footer_menu_top ul li.item-190,
#footer_menu_top ul li.item-260 {
	width: 8% !important;
	margin-left: -14px;
}
#footer_menu_top ul li ul {
	margin-top: 16px;
}
#footer_menu_top ul li ul li {
	font-weight: normal;
	display: block;
	width: 97%;
}
#footer_menu_top ul li a {
	color: #414042;
}
#footer_menu_top ul li.item-101,
#footer_menu_top ul li.item-205 {
	display: none;
}
#footer_menu_bottom {
	float: left;
	padding: 0px 30px;
}
#footer_menu_bottom ul li {
	display: inline-block;
	padding-right: 12px;
	float: left;
}
#footer_menu_bottom ul li a {
	text-decoration: none;
	color: #414042;
}
#footer_menu_bottom ul li.item-489,
#footer_menu_bottom ul li.item-115,
#footer_menu_bottom ul li.item-261 {
	border-right: 1px solid #414042;
}
#footer_menu_bottom ul li.item-490,
#footer_menu_bottom ul li.item-116,
#footer_menu_bottom ul li.item-262 {
	padding-left: 12px;
}
#footer_copyright {
	float: right;
	padding: 0px 30px;
}
#footer_background {
	background-image: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/5.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
}
#osmap ul.level_1,
#osmap ul.level_2,
#osmap ul.level_3 {
	margin-left: 30px;
}
#footer_menu_top ul li.item-205,
#footer_menu_top ul li.item-207,
#footer_menu_top ul.nav li.item-219. #footer_menu_top ul.nav li.item-226,
#footer_menu_top ul.nav li.item-232,
#footer_menu_top ul.nav li.item-235,
#footer_menu_top ul.nav li.item-260 {
	width: 14%;
}
html.mm-background .mm-page {
	background-color: white;
}
.item-page li,
#tinymce li {
	margin-left: 20px;
}
#djslider108 ul#slider108 li {
	height: 170px !important;
	width: 170px !important;
	border-radius: 5000px;
	border: solid 5px #e6e6e6;
	margin: 5px !important;
	transition: width 500ms, height 500ms;
}
#djslider108 ul#slider108 li:hover {
	height: 200px !important;
	width: 200px !important;
}
@media (max-width: 1600px) {
	.wrapper {
		width: 95% !important;
		overflow-x: hidden;
	}
	#aboutus .aidanews2_topL,
	#aboutus .aidanews2_botL {
		width: 35%;
	}
	#aboutus .aidanews2_mainR {
		width: 69.7%;
	}
	#aboutus .aidanews2_topR,
	#aboutus .aidanews2_botR {
		width: 65%;
	}
	#news .aidanews2_positions {
		padding: 0px !important;
	}
	#mobile_menu_container a.menu_button {
		background-image: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/images/development/mobilemenu_icon.png);
		height: 50px;
		width: 55px;
		background-repeat: no-repeat;
		margin: 10px -13px;
		position: absolute;
		display: block;
	}
	.mm-menu .mm-list > li > a.mm-subopen:before {
		border-color: #8ec7f1;
	}
	.mm-menu .mm-list > li > a.mm-subopen:after,
	.mm-menu .mm-list > li > a.mm-subclose:before {
		border-color: #8ec7f1;
	}
	.mm-menu > .mm-panel.mm-opened {
		-webkit-transform: translate(0%,0);
		-moz-transform: translate(0%,0);
		-ms-transform: translate(0%,0);
		-o-transform: translate(0%,0);
		transform: translate(0%,0);
	}
	html.mm-opening .mm-menu.mm-front,
	html.mm-opening .mm-menu.mm-next {
		transform: translate(0px,0px);
		width: 80%;
		min-width: 80%;
	}
	#mobile_menu #mm-0 {
		width: 70%;
	}
	form#menu_function {
		margin-left: 20px;
		margin-top: 10px;
	}
	div#lang,
	div#font,
	div#social_media {
		margin-top: 10px;
	}
	a#btn_small {
		font-size: 11px;
		margin-right: 5px;
	}
	a#btn_large {
		font-size: 16px;
		margin-left: 5px;
	}
	.mm-list > li.current > a {
		color: #0f85fa !important;
	}
	.mm-list > li.current > a: hover {
		color: none !important;
	}
}
@media (max-width: 1480px) {
	table.people-table .people-info {
	/*	max-width: 270px !important; */
	}
}
@media (max-width: 1400px) {
	.video_info {
		width: 30%;
	}
	#aboutus #content {
		width: 80%;
	}
	#aboutus .aidanews2_topL,
	#aboutus .aidanews2_botL {
		width: 38%;
	}
	#aboutus .aidanews2_mainR {
		width: 66.7%;
	}
	#aboutus .aidanews2_topR,
	#aboutus .aidanews2_botR {
		width: 62%;
	}
}
@media (max-width: 1279px) {
	#news {
		width: 62%;
	}
	#news .aidanews2_art {
		width: 49%;
	}
	#news .aidaord_3 {
		display: none;
	}
	#events {
		width: 37%;
	}
	table.people-table {
		width: 100%;
	}
	table.people-table .people-info {
/*		width: 292px;
		max-width: none;*/
	}
	.blog .pull-left.item-image {
		margin-right: 1.5%;
	}
	#aboutus.faculty-news .aidanews2 img {
		width: 100%;
		height: auto;
	}
	#aboutus .moduletable_3slide {
		display: block;
	}
	
	#aboutus #content {
		width: 85%;
	}
	#aboutus .aidanews2_topL,
	#aboutus .aidanews2_botL {
		width: 35%;
	}
	#aboutus .aidanews2_mainR {
		width: 65.5%;
	}
	#aboutus .aidanews2_topR,
	#aboutus .aidanews2_botR {
		width: 60%;
	}
	#footer_menu_top div {
		padding: 30px 30px 0px 30px;
	}
	#footer_menu_top ul li {
		width: 33%;
	}
	#footer_menu_top ul.nav>li {
		padding-bottom: 15px;
	}
	#footer_menu_top ul li.item-190 {
		margin-left: 0px;
		width: 30% !important;
	}
	#footer_menu_bottom ul li {
		padding-left: 10px;
	}
	#footer_copyright {
		padding-right: 10px;
	}
	.video_info {
		width: 100%;
		height: auto;
	}
	body.site.photogallery   #inner_content div#content {
		width: 98%;
		padding: 0px 10px;
	}
}
@media (max-width: 1200px) {
	#research .item-page table.research-table {
		width: 100% !important;
	}
}
@media (max-width: 1100px) {
	#footer_copyright {
		margin: 0px 30px;
		width: 90%;
		float: none;
		padding: 0px;
	}
	#footer_menu_bottom {
		float: left;
		margin-left: 30px;
		width: 100%;
		padding: 0px;
	}
	#footer_menu_bottom ul li.item-115 {
		padding-left: 0px;
	}
	#inner_banner {
		height: 247.8px !important;
		background-size: cover !important;
	}
}
@media (max-width: 1080px) {
	#aboutus .joomcat .joomcat121_imgct,
	#aboutus .joomcat .joomcat138_imgct {
		position: relative;
		margin: 15px 0px;
	}
	#aboutus .joomcat {
		height: 100%;
	}
	#aboutus .aidanews2_mainR {
		width: 65.5%;
	}
	.joomcat121_txt,
	.joomcat138_txt {
		bottom: 5px;
	}
	#aboutus .joomcat .joomcat121_row,
	#aboutus .joomcat .joomcat138_row {
		width: 80%;
	}
	#footer_menu_bottom ul li.item-261 {
		padding-left: 0px;
	}
}
@media (max-width: 1020px) {
	.icons .dropdown-menu .print-icon {
		display: none !important;
	}
	#header #mobile_menu_container {
		display: block;
	}
	#header_top {
		display: none;
	}
	#header_bottom {
		width: 90%;
		margin-left: 10%;
	}
	#main_menu {
		display: none;
	}
	#aboutus .aidanews2_mainR {
		width: 66.5%;
	}
	#news .aidanews2_art {
		width: 100%;
		margin: 3% 0;
		display: block;
	}
	#footer_menu_top ul li.item-190,
	#footer_menu_top ul li.item-260 {
		width: 30% !important;
		margin-left: 0px;
	}
	#quick_slider {
		width: 90%;
		margin: 0 auto;
		padding: 0px;
	}
	table.exective_officer td,
	table.general_clerk td {
		float: left;
		width: 50%;
		padding: 0px 15px !important;
	}
	table.general_enquiry {
		width: 100% !important;
	}
	.info-date {
		width: 30%;
	}
	body.site.photogallery   #inner_content div#content .jg_element_cat {
		width: 40%;
	}
	table.teaching-awards {
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	body {
		font-size: 13px !important;
	}
	body h2 {
		font-size: 15px;
	}
	#research .info-speaker {
		font-size: 14px;
	}
	.item-page .pull-left.item-image img {
		width: 100%;
	}
	#news {
		width: 95%;
	}
	#events {
		width: 95%;
		margin-top: 5%;
	}
	#footer_menu_top {
		min-height: 930px;
	}
	.addthis_toolbox.addthis_default_style {
		margin-top: 0px;
		position: absolute;
		right: 5px;
		top: 365px;
	}
	div#breadcrumbs {
		padding: 0px 20px;
	}
	div#content {
		width: 90%;
		padding: 15px 20px;
	}
	.video_info {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	#aboutus #content {
		margin: 0px auto;
	}
	#aboutus .aidanews2_topL,
	#aboutus .aidanews2_botL {
		float: none;
		width: 85%;
		margin-bottom: 10px;
	}
	#aboutus .aidanews2_topR,
	#aboutus .aidanews2_botR {
		float: left;
		text-align: justify;
		width: 100%;
	}
	#aboutus .aidanews2_mainR {
		float: left;
		margin-left: -75px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	.item-page table td.photo_exception img {
		width: 80%;
	}
	#events .aidanews2_topL,
	#events .aidanews2_botL {
		width: 100px !important;
	}
	#footer_background {
		background-size: cover;
	}
	.mm-list > li > a,
	.mm-list > li > span {
		font-size: 13px;
	}
  #aboutus div.moduletable_4slide:nth-child(2) {
		display: none;
	}
  #aboutus div.moduletable_4slide:nth-child(3) {
    display: block;
  }
  #aboutus #prev128, #aboutus #prev129 {
    margin-left: -40px;
  }
  #aboutus #next128, #aboutus #next129 {
    margin-right: -40px;
  }
}
@media (max-width: 620px) {
	.nav-child.mm-list > li > a {
		overflow: visible;
		work-wrap: break-word;
		white-space: normal;
	}
	#mobile_menu #mm-0 {
		width: 95%;
	}
	#arts_logo {
		float: none;
		padding: 5px 25px;
		display: block;
		height: 52px;
	}
	#cuhk_logo {
		float: none;
		padding: 0px 5px;
		display: block;
		height: 52px;
	}
	#header_bottom {
		height: 130px;
		margin-left: 0;
	}
	#events h3,
	#news h3 {
		padding-left: 0px;
	}
	#aboutus.site.events .item-page div.pull-left.item-image {
		width: 100%;
	}
	#more_events {
		margin-right: 10px;
	}
	div#mobile_menu_container {
		position: absolute;
		margin-right: 55px;
		right: 0;
	}
	table.people-table td.people {
		float: left;
		width: 100%;
	}
	table.exective_officer td p,
	table.general_clerk td p {
		border-right: 0px !important;
	}
	.blog .pull-left.item-image {
		width: 70% !important;
		display: block !important;
	}
	.blog .events-info {
		display: block;
		margin-left: 0px;
		width: 90%;
	}
	.info-date {
		width: 30%;
	}
	.video {
		display: block;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	body.site.photogallery   #inner_content div#content .jg_element_cat {
		width: 50%;
	}
	#research #inner_content table.research-awards tr th,
	#research #inner_content table.research-table tr th,
	#research #inner_content table.research-awards tr td,
	#research #inner_content table.research-table tr td {
		padding: 5px;
		min-width: 70px;
	}
	#footer_menu_top ul li.item-190 {
		width: 35% !important;
	}
	#footer_copyright span {
		display: block;
	}
	body.site.admissions-to-postgraduate-programmes .item-page table {
		width: 100% !important;
	}
	.addthis_toolbox.addthis_default_style {
		top: 445px;
	}
	#breadcrumbs {
		height: inherit;
		min-height: 35px;
	}
}
@media (max-width: 480px) {
	.item-page td,
	.item-page p,
	.item-page th {
		min-width: 0px !important;
		width: inherit !important;
	}
	div#breadcrumbs {
		margin-bottom: 5px;
	}
	table.centre_table tr:nth-child(2) td img {
		width: 100%;
		height: auto;
	}
	#footer_menu_top ul li {
		width: 100%;
	}
	#header {
		padding: 0px 5px;
	}
	#mobile_menu_container a.menu_button {
		margin: 10px -50px;
	}
	body.site.photogallery   #inner_content div#content .jg_element_cat {
		width: 100%;
	}
	div#mobile_menu_container {
		margin-right: 10px;
	}
	#events .aidanews2_topL,
	#events .aidanews2_botL {
		width: 33% !important;
	}
	#events .aidanews2_topR {
		width: 67% !important;
	}
}
.back_to_top a:hover {
	text-decoration: underline !important;
}
#research .blog .items-row .item-image img {
	width: 100%;
}
#research .blog .items-row .item-image img {
	border-right: 3px solid #8EC7F1;
	border-bottom: 3px solid #8EC7F1;
}
#research .events-info table.faculty-colloquim td {
	padding: 5px;
	vertical-align: top;
}
#research .blog div.items-row.cols-1 {
	margin-bottom: 15px;
}
#inner_content {
	background: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/templates/arts/images/home_bg.png) top no-repeat;
	background-position-y: 280px;
	background-size: 1800px;
	background-position-x: 450px;
}
.back {
	display: none;
}
.news .back {
	display: block;
}
.events .item-page+.back {
	display: block;
}
.ui-accordion .ui-accordion-header {
	margin-top: 7px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #ffffff;
	font-family: 'Open Sans', sans-serif;
	color: #222222;
	font-size: 16px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #8ec7f1;
}
.ui-widget-content {
	font-size: 16px;
}
.ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
ol#accordion,
ol.ui-accordion.ui-widget.ui-helper-reset {
	list-style-type: decimal;
}
ol#accordion li,
ol.ui-accordion.ui-widget.ui-helper-reset li {
	margin-left: 35px;
}
.ui-accordion h3.ui-accordion-header,
.ui-accordion h4.ui-accordion-header {
	margin-left: -35px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none !important;
}
.ui-accordion .ui-accordion-content {
	margin-left: -35px;
}
ol.ui-accordion.ui-widget.ui-helper-reset h4.disable {
	pointer-events: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px !important;
}
.ui-widget-content {
	border: 0px !important;
}
@media (max-width: 480px) {
	.ui-accordion .ui-accordion-content {
		padding: 1em 1em;
	}
	ol#accordion p,
	ol.ui-accordion.ui-widget.ui-helper-reset p {
		font-size: 13px;
	}
	.item-page table {
		min-width: 0px !important;
		width: inherit !important;
	}
	#aboutus.site.news .item-page {
		margin-top: 15%;
	}
}
.icons .pull-right {
	margin-top: -45px;
}
.icons .dropdown-menu .print-icon {
	list-style: none;
	display: block;
}
@media (min-width: 768px) {
	div.addthis_toolbox.addthis_default_style a span.at-icon-wrapper {
		width: 29px !important;
		height: 29px !important;
	}
	div.addthis_toolbox.addthis_default_style a span.at-icon-wrapper > svg {
		width: 29px !important;
		height: 29px !important;
	}
    
}
@media (max-width: 600px) {
   #inner_banner {
    height: 140px !important;
  }
}


.deanInfo{
  padding:20px;
  float:left;
  width:40%; /* The width is 20%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:650px) {
  .deanInfo {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

    #accordion {
        padding: 5px;
    }
    .accordionHeading {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 16px;
        padding: 5px 15px;
        border-radius: 5px;
        margin: 5px auto;
    }
    .accordionHeading.individual {
        background-color: #a5414a;
    }
    .accordionHeading.collaborative {
        background-color: #d27b5b;
    }
    .accordionHeading.knowledge {
        background-color: #b284b7;
    }
    #accordion .card {
        margin-left: 15px;
        margin-bottom: 5px;
    }
    #accordion .card .collapse + .toggleIcon::before {
        content: '+';
        padding: 0 15px;
        font-size: 25px;
        line-height: 32.5px;
    }
    #accordion .card .collapse.show + .toggleIcon::before {
        content: '-';
        padding: 0 17.5px;
    }
    #accordion .card .toggleIcon {
        position: absolute;
        text-align: right;
        width: 100%;
        color: #999999;
        pointer-events: none;
    }
    #accordion .card-header {
        padding: 0;
    }
    #accordion .card-header h5 {
        margin-bottom: 0;
    }
    #accordion button {
        color: #3a5ab3;
        font-size: 15px;
        font-weight: bold;
        width: 100%;
        text-align: left;
    }

        .bulletBtn {
        display: block;
    }
    .bulletDIV {
        display: inline-block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        margin: 15px;
        vertical-align: middle;
    }
    .bulletDIV > div {
        margin: auto;
        width: 200px;
        height: 200px;
    }
    .bulletText {
        display: table;
    }
    .bulletText > div {
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
        color: #FFFFFF;
        font-weight: bold;
        text-shadow: 2px 2px 2px #333333;
    }
    .bulletBtn a {
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        padding: 30px 0;
	font-size: 24px;
    }
    .bulletBtn .research a:hover {
        color: #80fff2;
    }
    .bulletBtn .publication a:hover {
        color: #ffd1b8;
    }
    .bulletBtn .conference a:hover {
        color: #ffe559;
    }
    .bulletBtn .research {
        background-image: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/templates/arts/images/research_button.png);
    }
    .bulletBtn .publication {
        background-image: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/templates/arts/images/publications_button.png);
    }
    .bulletBtn .conference {
        background-image: url(/20210328015042oe_/http://www.arts.cuhk.edu.hk/web/templates/arts/images/conferences_travel_button.png);
    }