html
{
	overflow:visible;
}

body
{
	margin:0;
	background-color:black;
	xfont-family:Helvetica Regular,Arial;
	overflow:hidden;
}
	#debug 
	{
		position: fixed;
		border: 1px solid red;
		background: #fff;
		overflow: auto;
		width: 1000px;
		height: 500px;
		top: 10px;
		left: 10px;
		display:none;
		z-index: 100000;
		font-size:12px;
	}
	
	#opening
	{
        width:100%;
        height:100%;
        xbackground-color:yellow;
		display:none;
		overflow:hidden;
        position:absolute;
	}
        #checkdivlength
              {
            position:absolute;
            top:-200px;
            width:auto;
            xbackground-color:red;
        }

		#section
		{
            xbackground-color:red;
			position:relative;
			z-index:500;
            xborder:2px solid blue;
		}
            .section >div
                     {
                display:inline-block;
            }
            
			.section_highlight_title
			{
				position:absolute;
			}
				.section_highlight_title .title_left
				{
					float:left;
                    height:100%;
				}

				.section_highlight_title .title_name
				{
					float:left;
                    position:absolute;
				}
                
                .section_highlight_title .title_bg
				{
					float:left;
                    width:100px;
                    height:100%;
				}
				.section_highlight_title .title_right
				{
					float:left;
                    height:100%;
				}
			.section_highlight_photo
			{
				xposition:absolute;
			}
				.section_highlight_photo img
				{
					width:100%;
					height:100%;
					cursor:pointer;
				}
			#section >div
			{
				z-index:-1;
				xdisplay:none;
				overflow:visible;
				position:absolute;
                xborder:5px solid green;
			}
        
        #mosaicbgwrapper
                {
            position:absolute;
            top:0px;
            left:0px;
            overflow:hidden;
        }
        
		#mosaicbg div
		{
			position:absolute;
            overflow:hidden;
			/*-webkit-transform: translateZ(0);*/
		}
		#openinglogo
		{
			position:absolute;
			left:0;
			top:0;
		}
	#audio
       {
        height:0px;
        position:absolute;
        top:-100px;
    }
    #substitute_audio
       {
         height:0px;
        position:absolute;
        top:-100px;
    
    }
	#main{ display:none; overflow:hidden;}
		#slideshow_wrapper
		{
			position:absolute;
			width:100%;
			height:100%;
			left:0px;
		}
			#slideshow_wrapper img
			{
				/*-webkit-transform: translateZ(0);*/
			}
		#container
		{
			position:relative;
			height:100%;
			left:0px;
			margin-left:auto;
			margin-right:auto;
		}
			#header
			{
			}
				#logo
				{
					float:left;
				}
				#big_previous_btn
				{
					position:fixed;
					left:0px;
					top:0px;
					right:50%;
					bottom:0px;
					xborder:5px solid red;
				}
		
				#big_next_btn
				{
					position:fixed;
					left:50%;
					top:0px;
					right:0px;
					bottom:0px;
					xborder:5px solid green;
				}
				#small_logo
				{
				    text-align:right;
				    display:none;
				}
				
				.toolbar_wrapper
				{
					position:absolute;
					top:0;
					width:100%;
					right:0px;
					xtext-align:center;
				}
					.toolbar
					{
						position:absolute;
						right:0;
					}
						
						.toolbar span:first-child
						{
							float:left;
							height:34px;
							xwidth:13px;
						}
						.toolbar span:last-child
						{
							float:right;
							xwidth:12px;
						}
						.toolbar img
						{
						    cursor:pointer;
						}
						#pause_btn
						{
							display:none;
						}
						#show_btn
						{
							display:none;
						}
						.nosound_btn
						{
							display:none;
						}
						#campus_map_btn
						{
							display:none;
						}
			#content
			{
				width:100%;
				overflow:hidden;
			}
				#thumbnail_scroller
				{
					position:absolute;
					overflow:hidden;
				}
					#list_wrapper
					{
						position:absolute;
					}
						#thelist {
							width:100%;
						}
                            #previous_album {
                                
                            }
                            
                            #next_album {
                                
                            }
                            
                            .album_block {
								cursor:pointer;
                                position:relative;
                                display:none;
                            }
                            
							#thelist li {
								xpadding:0;
								xmargin-bottom:25px;
								xborder-bottom:5px solid #514226;
								xborder-right:5px solid #514226;
								cursor:pointer;
								position:relative;
							}
								#thelist li img
								{
									position:absolute;
								}
								.scroller_overlay
								{
									position:absolute;
									
								}
				#photo_num_display
				{
					position:absolute;
				}
				#upward_btn
				{
					position:absolute;
					xheight:30px;
					xwidth:50px;
					xright:29px;
					xtop:40px;
					display:none;
					cursor:pointer;
				}
				#downward_btn
				{	
					position:absolute;
					xheight:50px;
					xwidth:50px;
					xright:29px;
					xbottom:72px;
					display:none;
					cursor:pointer;
				}		
				#photo_caption
				{
					position:absolute;
					pointer-events: none;
				}
					#section_title
					{
						float:left;
					}
					#photo_title
					{
						float:left;
						clear:left;
					}
#footer
{
    xheight:78px;
    position:absolute;
    xmargin-left:auto;
    xmargin-right:auto;
    z-index:800;
    bottom:0;
}
    #cuhk
    {
        position:relative;
        cursor:pointer;
    }
    #info_wrapper
    {
        
        position:absolute;
        xcolor:#FFFFFF;
        xfont-size:12px;
        xfont-weight:bold;
        width:300px;
    }
        a img {
            border:none;
        }
        
        #function_btn
        {
            xposition: relative;
            xleft: 9px;
            text-align:right;
            width:300px;
        }
        
            #function_btn div
            {
                xbackground-color:#BB9555;
                xfloat:left;
                xpadding:5px;
                xfont-size:12px;
                xfont-style:bold;
                cursor:pointer;
                display:inline;
            }