@charset "utf-8";
/* CSS Document */

#page {
background: url(../images/classroom00.jpg) no-repeat;
}

body {
/*background:	#372412;*/
}

/********** BUTTONS ******************/
.largeImage_prev {
color: #000;
position: absolute;
left: 0px;
top: 163.5px;
width: 48px;
height: 48px;
text-align: center;
background: #fff;
display: none;
cursor: pointer;
z-index: 999;
background: url(../images/arrow_left.png) no-repeat;
}
.largeImage_prev span, .largeImage_next span { 
visibility: hidden; 
}
.largeImage_next {
color: #000;
position: absolute;
right: 0px;
top: 163.5px;
width: 48px;
height: 48px;
text-align: center;
display: none;
cursor: pointer;
z-index: 999;
background: url(../images/arrow_right.png) no-repeat;
}
.largeImage_nextPage {
width: 48px;
height: 48px;
position: absolute;
background: url(../images/arrow_right_double.png);
bottom: 0px;
right: 0px;
cursor: pointer;
z-index: 999;
display: none;
}
.largeImage_prevPage {
width: 48px;
height: 48px;
position: absolute;
background: url(../images/arrow_left_double.png);
bottom: 0px;
left: 0px;
cursor: pointer;
z-index: 999;
display: none;
}
.largeImage_flickrLink {
float: left;
width: 48px;
height: 48px;
background: url(../images/flickr.png) no-repeat;
position: absolute;
top: 50px;
left: 0px;
z-index: 999;
display: none;
font-size: 0pt;
text-decoration: none;
}
.largeImage_flickrLink span { 
visibility: hidden; 
}
/********** END BUTTONS ******************/

/********** LARGE IMAGE SECTION ******************/
#Gallery, #flickrTest {
width: 700px;
margin: 0px auto;
background: #000;
/*background: #FFEA6F;*/
/*background: #E8AD35;*/
/*background: #372412;*/
padding: 15px;
border: 1px solid #cccccc;
}
.largeImageWrap {
position: relative;
z-index: 100;
background: url(../images/ajax-loader.gif) center center no-repeat;
}
.caption {
color: #fff;
min-height: 35px;
text-align: center;
font-size: 16pt;
font-style: italic;
font-family: "微軟正黑體", "新細明體", "標楷體";	
font-weight: bolder;
clear: left;
margin: 15px 0px;
}
.largeImage {
position: relative;
margin: 0px auto;
text-align: center;
}
/********** END LARGE IMAGE SECTION ******************/

/********** THUMBNAILS AND SLIDER ******************/
.thumbs img, .galleryUL img {
width: 100px;
height: 75px;
cursor: pointer;
opacity: .7;
filter: alpha(opacity=70);
border: 0px;
}
.thumbs, .galleryUL { 
top:0px; 
left:0px; 
}
.sliderGallery {
background: url(../images/producdtbrowser_background.jpg) no-repeat;
overflow: hidden;
position: relative;
padding: 10px;
height: 100px;
width: 570px;
z-index: 999;
margin: 30px auto 0px auto;
} 
.sliderGallery UL {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;
}
.sliderGallery UL LI {
display: inline;
}
.slider {
width: 542px;
height: 17px;
margin-top: 85px;
margin-left: 5px;
padding: 1px;
position: relative;
background: url(../images/productbrowser_scrollbar.png) no-repeat;
float: left;
display: inline;
}     
.handle {
position: absolute;
cursor: move;
height: 17px;
width: 181px;
top: 0;
background: url(../images/productbrowser_scroller.png) no-repeat;
z-index: 100;
}    
.slider span {
color: #bbb;
font-size: 80%;
cursor: pointer;
position: absolute;
z-index: 110;
top: 3px;
}
/********** END THUMBNAILS AND SLIDER ******************/