#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }


#cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity = 90); }
#colorbox { outline: 0; }
#cboxContent { overflow: visible; background: #fff; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #fff }
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background: #fff; }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }


#cboxClose{position:absolute; top:10px; right:10px; display:block; width:30px; height:30px }
#cboxClose .icon-close { font-size: 30px; position: absolute; top:0; left:0; transition: all ease-out .1s; -webkit-transition: all ease-out .1s; -moz-transition: all ease-out .1s; -o-transition: all ease-out .1s }
#cboxClose:hover .icon-close { transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */ }


.science-popup { width: 1000px; margin-top: 50px }

#tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
#tabs li { float: left; margin: 0 }
#tabs a { float: left; position: relative; padding: 0 40px; height: 46px; line-height: 46px; color: #000; font-size: 18px }
#tabs a:hover,  #tabs a:focus { color: #fff }
#tabs a:focus { outline: 0; }
#tabs #current { z-index: 3; color: #fff }

.awards-pop #tabs a:hover, .awards-pop #tabs a:focus, .awards-pop #tabs #current { background: #0097c7 }
.patent-pop #tabs a:hover, .patent-pop #tabs a:focus, .patent-pop #tabs #current { background: #333 }
.standard-pop #tabs a:hover, .standard-pop #tabs a:focus, .standard-pop #tabs #current { background: #b5cc00 }

#content { background: #fff }
.awards-pop #content { border-top: 2px solid #0097c7 }
.patent-pop #content { border-top: 2px solid #333 }
.standard-pop #content { border-top: 2px solid #b5cc00 }

.sciencepop-list li { padding-top: 10px; padding-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sciencepop-li01 { padding-left: 40px }
.sciencepop-li02 { padding-left: 40px; padding-right: 40px }
.sciencepop-li03 { padding-right: 40px }
.sciencepop-con { width:100%; height: 500px; overflow-x: hidden; overflow-y: auto }

.awardspop-li01 { width: 25% }
.awardspop-li02 { width: 65% }
.awardspop-li03 { width: 10% }

.patentpop-li01 { width: 60% }
.patentpop-li02 { width: 25% }
.patentpop-li03 { width: 15% }

.standardpop-li01 { width: 60% }
.standardpop-li02 { width: 25% }
.standardpop-li03 { width: 15% }

@media ( min-width:1024px ) and ( max-width:1260px ) {
.science-popup { width: 740px }	
#tabs a { padding: 0 20px }
.sciencepop-li01 { padding-left: 20px }
.sciencepop-li02 { padding-left: 20px }
.sciencepop-li03 { padding-right: 20px }
.awardspop-li02 { width: 63% }
.awardspop-li03 { width: 12% }
.sciencepop-con { height: 450px }
}

@media ( min-width:801px ) and ( max-width:1023px ) {
.science-popup { width: 540px }	
#tabs a { padding: 0 20px }
.sciencepop-li01 { padding-left: 20px }
.sciencepop-li02 { padding-left: 20px }
.sciencepop-li03 { padding-right: 20px }
.awardspop-li02 { width: 60% }
.awardspop-li03 { width: 15% }
.patentpop-li01 { width: 55% }
.patentpop-li03 { width: 20% }
.sciencepop-con { height: 400px }
}

@media ( max-width:800px ) {	
.science-popup { width: 96%; margin-top: 10px; margin-bottom: 10px; margin-left: 2%; margin-right: 2% }	

#tabs a { padding: 0 10px; height: 40px; line-height: 40px; color: #000; font-size: 14px }

.sciencepop-li01 { padding-left: 10px }
.sciencepop-li02 { padding-left: 10px; padding-right: 10px }
.sciencepop-li03 { padding-right: 10px }

.awardspop-li02 { width: 55% }
.awardspop-li03 { width: 20% }

.patentpop-li01 { width: 50% }
.patentpop-li03 { width: 25% }

.sciencepop-con { height: auto }
}