Team:CHINA CD UESTC/hp education
<!DOCTYPE html>
/************************************************* whole right section ***********************************************/ #RightSection { position: fixed; left: 260px; top: 0; right: 0; height:100%; background:#F0F0F0; background-image:url("https://static.igem.org/mediawiki/2015/3/34/CHINA_CD_UESTC_HPbg.jpg"); overflow-y: scroll; background-repeat: repeat; background-size: 180px; transition: all 200ms ease-out; transform: translate3d(0, 0, 0); z-index:1; } /***************gallery***/ #demo1{ position: relative; margin: 50px auto; width: 700px; border:1px solid #ccc; } #demo1 .img_list{overflow: hidden; position: relative; height: 260px;} /* 根据图片的张数来设定ul的宽度 */ .img_list ul{ width: 3500px; position: absolute; height: 260px; left: 0px;} .img_list li{ float: left; width: 700px;} .img_list img{ margin: 1px; width: 698px; height: 258px;} /* 图片对应的按钮样式 */ .btn_list ul{ position: absolute; right: 20px; bottom: 35px; } .btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; } .btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #E204A4;} .btn_list li img{ width: 30px; height: 15px; display: block;} /* 图片对应的说明*/ .img_intro{ position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .img_intro .img_intro_bg,.img_intro .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .img_intro .img_intro_bg{ background: #000; opacity: .3; z-index: 999; } .img_intro .text{ padding: 5px 10px; z-index: 1000; color: #999; } /*****************************/ /********gallery2************/ #slideshow{ background-color:#F5F5F5; border:1px solid #FFFFFF; height:340px; margin:150px auto 0; position:relative; width:640px; -moz-box-shadow:0 0 22px #111; -webkit-box-shadow:0 0 22px #111; box-shadow:0 0 22px #111; } #slideshow ul{ height:320px; left:10px; list-style:none outside none; overflow:hidden; position:absolute; top:10px; width:620px; } #slideshow li{ position:absolute; display:none; z-index:10; } #slideshow li:first-child{ display:block; z-index:1000; } #slideshow .slideActive{ z-index:1000; } #slideshow canvas{ display:none; position:absolute; z-index:100; } #slideshow .arrow{ height:86px; width:60px; position:absolute; background:url('img/arrows.png') no-repeat; top:50%; margin-top:-43px; cursor:pointer; z-index:5000; } #slideshow .previous{ background-position:left top;left:0;} #slideshow .previous:hover{ background-position:left bottom;} #slideshow .next{ background-position:right top;right:0;} #slideshow .next:hover{ background-position:right bottom;} /* The following styles are only used for the styling of the demo page */ p.tzine{ text-align:center; font-size:12px; margin:50px; } p.credit{ text-align:center; color:#888; font-size:10px; } p.credit a, p.credit a:visited{ color:#ccc; border-bottom-color:#aaa; } p.credit a:hover{ border-bottom-color:transparent; } a, a:visited { text-decoration:none; outline:none; border-bottom:1px dotted #97cae6; color:#97cae6; } a:hover{ border-bottom:1px dashed transparent; } .clear{ clear:both; } /***********************/EDUCATION
We conducted interviews with the professor of the Hong Kong University Medicine School. Professor Zhaoyi Hu gave us many precious advice from the perspective of the safety.In the end, our members also get the chance to learn the general processes of sample treatment in medical research as well as separation and preservation methods of some bacteria strains.