/*mobile menu css*/
#mobile_main_menu .mm-panels {
  background: #cdcecf !important;
}
.mm-panels .mm-navbar {
    line-height: 15px;
}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
  color: #96002E !important;
      word-break: break-word;
	  white-space: normal;
}
#mobile_main_menu .mm-listview > li > a, .mm-listview > li > span {
  color: #96002E !important;
  white-space: pre-wrap;
  word-break: break-word;
}
#mobile_main_menu .mm-next:after, #mobile_main_menu .mm-arrow:after {
  border-color: #525252 !important;
}
#mobile_function {
  margin-top: 20px;
}
.zh-tw .mm-navbar.mm-navbar-bottom,.mm-navbar.mm-navbar-bottom {
  height: 115px;
}
.en-gb .mm-navbar.mm-navbar-bottom{
  height:125px;
}
.mm-navbar.mm-navbar-bottom div {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  float: none;
  padding: 3px 0;
}
.mm-navbar.mm-navbar-bottom>a {
  float:left;
  width:33%;
}
#mobile_main_menu .eng-title, #mobile_main_menu .chi-title {
  width: 100%;
}
#mobile_main_menu .eng-title:lang(zh-tw) {
  display: none;
}
#mobile_main_menu .chi-title:lang(en-gb) {
  display: none;
}
#mobile_main_menu .chi-title:lang(zh-cn) {
  display: none;
}
#mobile_main_menu .top_menu_chi:lang(en-gb) {
  display: none;
}
#mobile_main_menu .top_menu_eng:lang(zh-tw) {
  display: none;
}
#mobile_main_menu .top_menu_eng:lang(zh-cn) {
  display: none;
}
@media screen and (max-width:1200px ){
  .wrapper{
    width:98%;
  }
  #index_top_container{
    background-position:98% 0%;
  }
  #index_top_left{
    height:500px;
  }
  #index_top_right{
    width:500px;
  }
  #index_top_right .camera_pag{
    right:-160px;
  }
  #index_top_right .camera_wrap .camera_pag .camera_pag_ul li{
    margin:0px 5px;
  }
  #index_banner_slider h3,#index_activities_title h2,#college_video h3,#index_news h3{
    font-size:17px;
    height: 28px;
  }
  #index_activities_title img{
    width:28px;
  }
  #index_activities .moduletable{
    margin-right:13px;
  }
  table.mod_events_latest_table.jevbootstrap{
    width:100%;
  }
  #index_container table.mod_events_latest_table tr:first-child td{
    padding:12px 10px 10px 10px;
  }
  #index_container table.mod_events_latest_table tr td{
    padding:0px 10px 10px 10px;
  }
  #index_banner_slider .moduletable_1024up{
	display:block;
  }
  #index_banner_slider .moduletable_1280up{
	display:none;
  }
  #index_news .moduletable_1280up{
    display:none;
  }
  #index_news .moduletable_1024up{
    display:block;
  }
  .bottom_circle div{
    width:150px;
    height:150px;
  }
  .bottom_circle02 img{
    width:150px;
  }
  span.content{
    padding-top:50px;
  }
  #inner_left{
    width:200px;
  }
  .moduletable_mainmenu ul.ext-menu{
    width:190px;
  }
  .front .moduletable_mainmenu ul.ext-menu ul.nav-child{
    left:220px;
  }
  .site .moduletable_mainmenu ul.ext-menu ul.nav-child{
    left:190px;
  }
  #inner_right{
    width:78%;
  }
  #inner_banner{
    width:100%;
  }
  #about_chung_chi #inner_banner{
    width:100%;
  }
}
@media screen and (max-width:1100px ){
  #index_top_right .camera_pag{
    right:-130px;
  }
  #index_top_right .camera_wrap .camera_pag .camera_pag_ul li{
     margin: 0px 3px;
  }
  #index_banner_slider h3, #index_activities_title h2, #college_video h3, #index_news h3{
    font-size:16px;
  }
  .moduletable_mainmenu ul.ext-menu>li>a{
    font-size:14px;
  }
  #index_news h4 {
    margin-top: 0px;
    margin-right: 5%;
  }
}
@media screen and (max-width:1020px ){
	#mobile_menu{
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    right:3%;
    background-image:url(/20201208123727oe_/http://www.ccc.cuhk.edu.hk/templates/ccc/images/mobile_menu_icon_64.png);
    background-repeat:no-repeat;
    background-size:100%;
  }
  #mobile_menu_button{
    width:100%;
    height:100%;
  }
  #mobile_menu_button a.mobile_main_menu_button{
    display:block;
    width:100%;
    height:100%;
  }
  .wrapper{
    width:95%;
  }
  #header{
    margin:10px 0px 10px 10px;
  }
  #top_bar{
    display:none;
  }
  #index_top_left,#inner_left{
    display:none;
  }
  #inner_right{
    margin-left:0px;
    width:100%;
  }
  #default #inner_banner, #event_calendar_detail #inner_banner{
	background-repeat:no-repeat;
	background-size:100%;
  }
  #index_top_right{
    width:90%;
  }
  #index_top_container{
    background-size:20px;
  }
  #index_top_right .camera_pag{
    right:0px;
    top:auto;
  }
  #index_middle_top_container_left{
    width:100%;
    margin-bottom:15px;
  }
  #index_middle_top_container_right{
    display:none;
	
  }
  #college_video .moduletable{
    margin-left:0px;
  }
  #index_middle_bottom_container_left{
    width:100%;
	display: block;
    margin-top:0px;
  }
  #index_activities_title{
    margin-right:0px;
  }
  #index_activities_title a{
	pointer-events: none;
  }
  #index_activities .moduletable{
    margin-right:0px;
  }
  #index_middle_bottom_container_right{
    width:98%;
    margin-left:1%;
  }
  #index_news{
    width:75%;
  }
  #index_news #prev97, #index_news #prev117, #index_news #prev123, #index_news #prev112, #index_news #prev228, #index_news #prev229{
    margin-top:7%;
    margin-left:-7%;
  }
  #index_news #next97, #index_news #next117, #index_news #next123, #index_news #next112, #index_news #next228, #index_news #next229 {
    margin-top: 7%;
    margin-right: -7%;
  }
  #index_payment{
    width:24%;
  }
  #index_bottom_container .custom{
    margin:10px 0px;
  }
  #index_bottom_container .custom .bottom_circle{
    width:500px;
    margin:0px auto;
  }
}
@media screen and (max-width:800px ){
	/*table-with-image style*/
	table.table-with-image tr,table.table-with-image td{
	display:block !important;
	width:100% !important;	
	}
	table.table-with-image td img{
	max-width:200px;
	}
	#index_news #prev112, #index_news #prev228, #index_news #prev229, #index_news #prev97, #index_news #prev117, #index_news #prev123 {
    margin-top:5%;
    margin-left:-2%;
	}
	#index_news #next112, #index_news #next228, #index_news #next229, #index_news #next97, #index_news #next117, #index_news #next123 {
    margin-top: 5%;
    margin-right: -2%;
	}
  #index_payment #prev227, #index_payment #prev226 {
     margin-top: 27%;
    margin-left: -6%;
  }
    #index_payment #next227, #index_payment #next226 {
    margin-top: 27%;
    margin-right: -5%;
    }
	table.contact_us tr{
	display:block;
	width:100%;
	}
	table.contact_us tr td:nth-of-type(1),table.contact_us tr td:nth-of-type(2),table.contact_us tr td:nth-of-type(3),table.contact_us tr td:nth-of-type(4){
	width:100%;
	display:block;
	margin: 5px 0px;
	}
	table.contact_us tr td:nth-of-type(1){
	font-weight:bold;
	}
  .item-page.Presidents_and_Heads table td:nth-child(even) {
    display: inline-block;
    width: 50%;
  }
  .item-page.Presidents_and_Heads table td:nth-child(odd) {
    display: inline-block;
    width: 30%;
  }
  #event_calendar_detail #main_content {
    display: flex;
    flex-direction: column;
    height: 1200px;
  }
  #event_calendar_detail #main_content .moduletable {
    top: 0px;
    margin-top: 10px;
  }
  #event_calendar_detail #inner_right div.moduletable table.mod_events_latest_table.jevbootstrap {
    width: 100%;
  }
  #event_calendar_detail #jevents {
    width: 100%;
    margin-top: 10px;
    float:none;
  }
  #event_calendar_detail .moduletable_inner_cal {
    width: 100%;
    float:none;
  }
  #event_calendar_detail #jevents #jevents_body {
    height: 595px;
  }
  #event_calendar_detail #jevents #jevents_body .jev_header2 {
    height: 35px;
  }
  #event_calendar_detail #flatcal_minical table.flatcal_main_t {
    width: 320px;
    margin: 0px auto;
  }
  .wrapper {
    width: 98%;
  }
  #index_news {
    width: 70%;
  }
  #index_news #djslider-loader97, #index_news #djslider-loader117, #index_news #djslider-loader123 {
    padding: 10px 0px !important;
  }
  #index_news .moduletable_1024up {
    padding-right: 0px;
  }
  #index_payment {
    padding-left: 0px;
    width: 21%;
  }
  #index_news li img {
    height: 54.5% !important;
    width: 80% !important;
  }
  #index_payment li img {
    height: 50% !important;
    width: 80% !important;
  }
  #djslider-loader226 {
    padding: 0px !important;
  }
  #index_news h4 {
    margin-top: 0%;
    margin-right: 5%;
  }
  .icons li.print-icon{
	display:none;
  }
  /*inner slider*/
  .moduletable_inner1280up .slide-text img {
    width: 80%;
  }
  .moduletable_inner1280up .navigation-container .prev-button {
    margin-left: -2%;
    margin-top: 7%;
  }
  .moduletable_inner1280up .navigation-container .next-button {
    margin-right: -2%;
     margin-top: 7%;
  }
  .moduletable_inner1280up .slide-desc-text-default {
    text-align: center;
  }
  /*handle table separator in role base landing page*/
  .table-separator-in-desktop{
    display:none;
  }
}
@media screen and (max-width:500px ){
  #mobile_menu{
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    right:3%;
    background-image:url(/20201208123727oe_/http://www.ccc.cuhk.edu.hk/templates/ccc/images/mobile_menu_icon_64.png);
    background-repeat:no-repeat;
    background-size:100%;
  }
  #mobile_menu_button{
    width:100%;
    height:100%;
  }
  #mobile_menu_button a.mobile_main_menu_button{
    display:block;
    width:100%;
    height:100%;
  }
  .wrapper{
    width:98%;
  }
  #header{
    margin:10px 0px 10px 10px;
  }
  #top_bar{
    display:none;
  }
  #index_top_left,#inner_left{
    display:none;
  }
  #inner_right{
    margin-left:0px;
    width:100%;
  }
  #index_top_right{
    width:85%;
  }
  #index_top_container{
    background-size:20px;
  }
  #index_top_right .camera_pag{
    right:0px;
    top:auto;
  }
  #index_middle_top_container_left{
    width:100%;
    margin-bottom:15px;
  }
  #college_video .moduletable{
    margin-left:0px;
  }
  #index_middle_bottom_container_left{
    width:100%;
    display:block;
    margin-top:0px;
  }
  #index_activities_title{
    margin-right:0px;
  }
  #index_activities .moduletable{
    margin-right:0px;
  }
  #index_middle_bottom_container_right{
    width:98%;
    margin-left:1%;
	margin-top:35px;
  }
  #index_news{
    width:35%;
    vertical-align: bottom;
  }
  #index_news .moduletable_1024up{
	display:none;
  }
  #index_news .moduletable_500up{
	display:block;
  }
  #index_news .moduletable_500up h3{
	position:absolute;
	margin-top:-28px;
    border-bottom: 0px;
    font-size: 12px;
  }
  #index_news #prev97, #index_news #prev117, #index_news #prev229, #index_news #prev97, #index_news #prev117, #index_news #prev123{
    margin-top:16%;
    margin-left:-10%;
  }
  #index_news #next112, #index_news #next228, #index_news #next229, #index_news #next97, #index_news #next117, #index_news #next123 {
    margin-top: 16%;
    margin-right: -10%;
  }
  #index_payment{
    width:35%;
  }
  #index_payment .article_anywhere{
	min-height:200px;
  }
  #index_bottom_container .custom .bottom_circle{
    width:325px;
    margin:0px auto;
  }
  #inner_banner{
    background-size:100%;
    height:105px;
    width:100%;
  }
  #cuhk_logo{
    width:100%;
    text-align:center;
  }
  #cuhk_logo img{
	width:95%;
  }
  #footer_info{
    text-align:left;
    float:none;
    margin-left:10px;
  }
   .item-page.Presidents_and_Heads table td:nth-child(even) {
    display: inline-block;
    width: 100%;
    padding:10px 0px 10px 60px;
    }
  .item-page.Presidents_and_Heads table td:nth-child(odd) {
    display: inline-block;
    height: 130px;
    width: 100%;
    padding:10px 0px 0px 50px;
  }
  #index_payment .moduletable h3 {
    position: absolute;
    margin-top: -28px;
    font-size: 12px;
    height: 28px;
    border-bottom: 0px;
  }
  #index_payment {
    border-top: 5px solid #96002E;
    padding-left: 0px;
  }
  #index_news h4 {
    margin-top: -28px;
    font-size: 12px;
    margin-right: 5%;
  }
  #index_news {
    border-top: 5px solid #96002E;
  }
  #index_news li img {
        height: 59% !important;
        width: 87% !important;
  }
  #index_payment li img {
        height: 54% !important;
        width: 87% !important;
  }
  #index_payment .slide-desc {
    margin-bottom: 45px;
  }
  #index_payment #prev227, #index_payment #prev226 {
    margin-top: 24%;
    margin-left: -10%;
  }
  #index_payment #next227, #index_payment #next226 {
    margin-top: 24%;
    margin-right: -10%;
  }
  #index_news #djslider-loader97, #index_news #djslider-loader117, #index_news #djslider-loader123 {
    padding: 10px 0px !important;
  }
  #djslider-loader226 {
    padding: 0px !important;
  }
  /*inner slider*/
   .moduletable_inner1280up .navigation-container .prev-button {
    margin-left: -3%;
  }
  .moduletable_inner1280up .navigation-container .next-button {
    margin-right: -3%;
  }
}
@media screen and (max-width:330px ){
	#index_news #prev97, #index_news #prev117, #index_news #prev229,  #index_news #prev97, #index_news #prev117, #index_news #prev123 {
		width: 8px;
		margin-left: -9%;
		margin-top: 20%;
	}
	#index_news #next97, #index_news #next117, #index_news #next229,  #index_news #next97, #index_news #next117, #index_news #next123{
		width: 8px;
		margin-top: 20%;
		margin-right: -8%;
	}
	#index_payment .article_anywhere img{
	    width:108px;
	}
  #index_payment #next227, #index_payment #next226 {
        width: 8px;
		margin-top: 28%;
		margin-right: -8%;
  }
  #index_payment #prev227, #index_payment #prev226 {
        width: 8px;
		margin-left: -7%;
		margin-top: 28%;
  }
}