@charset "utf-8";

#content { margin-left:auto; margin-right:auto; width:900px; text-align:center; }
#main_area { width:900px; height:442px; background-color:#ffffff; text-align:left; }

#main_area .title { background-image:url(../images/certificate/title.jpg); width:193px; height:20px; overflow:hidden; margin-left:35px; }

#content_shadow { margin:8px 20px 0px 20px; padding:8px; background-color:#f2f2f2; }
#content_area { height:314px; width:835px; overflow:auto; margin:14px 15px 5px 5px; }

/*
.certificate { background-color:#d6d6d6; width:262px; height:65px; margin-right:10px; margin-bottom:10px; #position:relative; display:table; float:left; cursor:pointer; }
.certificate .middle { padding:0px 10px 0px 30px; vertical-align:middle; display:table-cell; width:222px; #position:absolute; #top:50%; }
.certificate .middle ul { #position:relative; #top:-50%; list-style:none; }
*/

.certificate { background-color:#d6d6d6; width:255px; height:70px; margin-left:5px; margin-right:5px; margin-bottom:10px; float:left; cursor:pointer; z-index:100; }
.certificate a { color:#333333; text-decoration:none; cursor:pointer; }
.certificate a:hover { color:#ffffff; }
.certificate .middle { padding:0px 10px 0px 30px; width:222px; z-index:90; height:100%; }
.certificate .middle table { width:100%; height:100%; }
.certificate .middle table tr td { vertical-align:middle; }
.certificate .middle ul { list-style:none; }
.certificate .middle ul .zh { }
.certificate .middle ul .en { }
.certificate .tag { height:70px; width:20px; background-color:#d6d6d6; z-index:100; position:absolute; }

/* Reader */
	.reader { position:absolute; left:20px; top:415px; font-size:10px; }
	.reader a { text-decoration:none; color:#333333; }
	.reader a:hover { text-decoration:underline; }
	
#certificate_area { overflow:hidden; width:900px; height:100%; position:relative; }
#certificate_list { position:absolute; top:0px; left:0px; }
#detail_container { position:absolute; left:900px; top:0px; }