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


	@font-face
{
font-family: 微軟正黑體;
src: url('http://pbk.edu.hk/webfont/msjh.ttf');
}
	/*{background-color: rgba(0,0,0,1);}*/
	html{background-image: url(); background-size:100%; background-position:top; background-color:rgba(170,228,224,1.00); /*padding:20px 40px 60px 40px; */}
	body{}
	#padding-container{padding:20px 40px 60px 40px; background-color:rgba(170,228,224,1.00);}
	#container{padding:0px 15px;}
	
	#mainTitle,.topTitle{font-family: 微軟正黑體; font-size: 2.5em; font-weight: 900; border-bottom:3px solid rgba(215,86,31,1.00); text-align: justify;}
	#mainDate{font-family: 微軟正黑體; /*background-color: rgba(215,86,31,1.00);  background-color: rgba(201,210,200,1.00);*/ background-color: rgba(215,215,215,1.00); text-align: right; font-size: 1.25em; width: 100%;}
	
	#mainText{/*background-color:#FCC;*/width: 100%; height: auto; letter-spacing:2px; padding:5px 30px 30px 10px; text-align: left; text-align: justify; text-align-last: left; }

	.topText{font-family: 微軟正黑體; font-size: 1.25em; font-weight: 500; text-align: justify;}
	.iconFrame{height:auto; padding: 5px; cursor:pointer;}
	.iconPic{width:100%; height: auto;}
	#container{height:100%; padding:0px;/*background-color: #FFC;*/ border:rgba(67,160,183,1.00) 2px solid; border-top:0px; box-shadow: #666 8px 8px 8px; background-color:rgba(255,255,255,1.00);}
	#container3{height: auto; /*background-color: #CCF;*/}
	#container4{height: auto; /*background-color: #EF6;*/}
	.content {padding:10px 30px; }
	

	
	#thisYearGroup img{ cursor:pointer;}
  .bigPhotoIcon{ background-color:#00F; background-color:#000; padding:5px;}
  .bigPhotoIconS{width:100%; height:auto;}
  #allStudent{overflow: hidden; position: relative; height:auto;}
  #allStudent img{cursor:pointer; opacity:1;}
  #allStudent img:hover{opacity:1;}
  .picTitle{font-size:2em; color:rgba(255,255,0,0); font-weight:900; text-align:center; position:absolute; bottom:0; height:200px; width:100%; right: 0; bottom: 0; padding:0px 0px 0px 0px; margin:0px; cursor:pointer; display: table; }
  .picTitle:hover{color:rgba(255,255,255,1); text-shadow:rgba(0,0,0,0.71) 3px 3px 3px; background: -webkit-linear-gradient(bottom, rgba(50,50,50,0.7) , rgba(255,255,255,0.0)); }
  .picTitle span{vertical-align:bottom; display: table-cell;}
  #closeBtn,#glassBtn,#facebookBtn{background-repeat:no-repeat; background-size:contain; width:50px; height:50px; opacity:0.8;}
  #closeBtn{background-image:url(../../icon/icon_c2.png);}
  #closeBtn:hover{background-image:url(../../icon/icon_c1.png);opacity:1;}
  #glassBtn{background-image:url(icon/icon_m2.png);}
  #glassBtn:hover{background-image:url(icon/icon_m1.png);opacity:1;}
  #facebookBtn{background-image:url(icon/icon_fb2.png);}
  #facebookBtn:hover{background-image:url(icon/icon_fb1.png);opacity:1;}