Difference between revisions of "Team:CCU Taiwan/Judge"

Line 1: Line 1:
 +
{{CCU_Taiwan/css}}
 +
 
<html>
 
<html>
  
−
<style>
+
<head>
−
/*DEFAULT WIKI SETTINGS*/
+
−
/*DONT TOUCH*/
+
−
/*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+
−
#home_logo, #sideMenu { display:none; }
+
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
/*mobile*/
+
<script>
−
/* 1800px  */
+
$(document).ready(function(){
−
/************************************************/
+
−
@media only screen and (max-width: 1800px) {
+
$("#Home").hover(function(e){
−
.igem_2018_team_content { width: 85%;}
+
$("#sub_home").stop(true,false,true).slideToggle(300);
−
.igem_2018_team_menu {display:block;}
+
  });
−
}
+
−
/* 1400px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1400px) {
+
−
.igem_2018_team_menu .menu_item { font-size:100%;}
+
−
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
+
−
.igem_2018_team_menu {display:block;}
+
−
}
+
−
@media only screen and (max-width: 1001px) {
+
−
.igem_2018_team_menu {display:block;}
+
−
}
+
−
/* 1000px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1000px) {
+
−
.igem_2018_team_content {width:100%; margin-left:0px;}
+
−
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
+
−
.igem_2018_team_mobile_bar {display:block;}
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
+
  
−
}
+
$("#Project").hover(function(){
−
@media only screen and (max-width: 500px) {
+
$("#sub_project").stop(true,false,true).slideToggle(300);
−
.igem_2018_team_menu {min-width:100%; width:100%; }
+
});
−
}
+
−
/*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+
$("#Parts").hover(function(){
−
/*DEFAULT WIKI SETTINGS ENDS HERE*/
+
$("#sub_parts").stop(true,false,true).slideToggle(300);
 +
});
 +
 +
$("#Modeling").hover(function(){  
 +
$("#sub_modeling").stop(true,false,true).slideToggle(300);
 +
});
 +
 +
$("#Drylab").hover(function(){
 +
$("#sub_drylab").stop(true,false,true).slideToggle(300);
 +
});
 +
 +
$("#Human_Practice").hover(function(){
 +
$("#sub_human_practice").stop(true,false,true).slideToggle(300);
 +
});
 +
 +
$("#Notebook").hover(function(){
 +
$("#sub_notebook").stop(true,false,true).slideToggle(300);
 +
});
  
−
@font-face {
+
$("#home_button").hover(function(){
−
    font-family: 'CCUfontsBold';
+
    $(this).css("background","black")
−
    src: url('https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUfontsBold.eot') ;
+
},function(){
−
    src: url('https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUfontsBold.ttf') format('truetype'),
+
    $(this).css("background","#31a97e")
−
          url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'),
+
  });
−
          url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'),
+
});
−
          url('https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUfontsBold.woff') format('woff');
+
−
}
+
  
−
#globalWrapper {
+
// The function actually applying the offset
−
      padding-bottom: 0px!important;
+
function offsetAnchor() {
−
}
+
   if (location.hash.length !== 0) {
−
 
+
     window.scrollTo(window.scrollX, window.scrollY - 90);
−
#top_menu_14 {
+
−
    border-bottom:0!important;
+
−
}
+
−
 
+
−
#content {
+
−
  margin-top: 0px!important;
+
−
  height: 100%!important;
+
−
}
+
−
 
+
−
body {
+
−
    margin: 0!important;
+
−
    padding: 0!important;
+
−
    width: 100%;
+
−
}
+
−
 
+
−
ul {
+
−
    list-style-image: url('https://static.igem.org/mediawiki/2018/c/ce/T--CCU_Taiwan--CCUbullet.png');
+
−
}
+
−
 
+
−
.photointerlab {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/a/ab/T--CCU_Taiwan--CCUInterlabphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.phototeam {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/5/50/T--CCU_Taiwan--CCUteamphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photoAttributions {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--CCUteam2photo.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photomedal {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/4/43/T--CCU_Taiwan--CCUmedalphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photoDescription {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/9/99/T--CCU_Taiwan--CCUDescriptionphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photoDesign {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUDesignphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoResult {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/4/4f/T--CCU_Taiwan--CCUResultphoto.png");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photoDemonstration {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/b/b2/T--CCU_Taiwan--CCUDemonstrationphoto1.png");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoModeling {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/6/66/T--CCU_Taiwan--CCUModelingphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoHumanPractices {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUphotoHumanPractices.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoPublic {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/f/f1/T--CCU_Taiwan--CCUphotoPublic.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoEntrepreneurship {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/0/01/T--CCU_Taiwan--CCUphotoEntrepreneurship.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoIntergrate {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/4/47/T--CCU_Taiwan--CCUphotoIntergrate.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoBasicPart {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/0/06/T--CCU_Taiwan--CCUBasicPartphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoComposite {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/2/24/T--CCU_Taiwan--CCUCompositephoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoBinding {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/5/56/T--CCU_Taiwan--CCUBindingphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoNotebook {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/6/66/T--CCU_Taiwan--CCUNotebookphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoProtocols {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/b/bc/T--CCU_Taiwan--CCUProtocolsphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoCollaborations {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/0/09/T--CCU_Taiwan--CCUCollaborationsphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoDryLab {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/5/51/T--CCU_Taiwan--CCUDryLabphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoMaterials {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/7/73/T--CCU_Taiwan--CCUMaterialsphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoEngagingExperts {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/9/9e/T--CCU_Taiwan--CCUEngagingExpertsphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoSafety {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/d/dd/T--CCU_Taiwan--CCUSafetyphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoLine {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/9/92/T--CCU_Taiwan--CCUEngineeringphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
.photoPolymer {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/f/fd/T--CCU_Taiwan--CCUPolymerphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photoParts {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/6/69/T--CCU_Taiwan--CCUPartsphoto.png");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
.photoExperiments {
+
−
    background-image: url("https://static.igem.org/mediawiki/2018/7/74/T--CCU_Taiwan--CCUExperimentsphoto.jpg");
+
−
    min-height: 470px;
+
−
    background-attachment: fixed;
+
−
    background-position: top;
+
−
    background-repeat: no-repeat;
+
−
    background-size: 110% auto;
+
−
    z-index: 70;
+
−
}
+
−
 
+
−
 
+
−
.backgroundAboutUs {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#55c97e;
+
−
font: inherit!important;
+
−
text-decoration-color:#55c97e;
+
−
}
+
−
 
+
−
.backgroundProject {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#74cf7e;
+
−
font: inherit!important;
+
−
text-decoration-color:#74cf7e;
+
−
}
+
−
 
+
−
.backgroundParts {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#92cd7e;
+
−
font: inherit!important;
+
−
text-decoration-color:#92cd7e;
+
−
}
+
−
 
+
−
.backgroundModeling {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#a6ca7e;
+
−
font: inherit!important;
+
−
text-decoration-color:#c8a77e;
+
−
}
+
−
 
+
−
.backgroundDrylab {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#bec37e; 
+
−
font: inherit!important;
+
−
text-decoration-color:#bec37e; 
+
−
}
+
−
 
+
−
.backgroundHP {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#d1c17e; 
+
−
font: inherit!important;
+
−
text-decoration-color:#d1c17e;
+
−
}
+
−
 
+
−
.backgroundNotebook {
+
−
width:100%;
+
−
height: 100%;
+
−
background-color:#d1ad7e;
+
−
font: inherit!important;
+
−
text-decoration-color:#d1ad7e;
+
−
}
+
−
 
+
−
 
+
−
header{
+
−
margin:0 auto;
+
−
top:1.5vh;
+
−
width:100%;
+
−
position: fixed;
+
−
z-index:6;
+
−
}
+
−
 
+
−
header a {
+
−
text-decoration:none!important;
+
−
}
+
−
 
+
−
nav {
+
−
  margin:0;
+
−
padding:0;
+
−
height:7vh;
+
−
width: 100%;
+
−
        box-shadow:0px 4px 6px 0px #7D7D7C;
+
−
       
+
−
}
+
−
.front {
+
−
z-index:7;
+
−
}
+
−
.title {
+
−
float:left;
+
−
display: inline-block;
+
−
position: relative;
+
−
padding-top:10px;
+
−
left:4vw;
+
−
width: 13.5vw;
+
−
height: 5.5vh;
+
−
text-align:center;
+
−
margin-left:0vw;
+
−
margin-right:0vw;
+
−
list-style-type: none;
+
−
font-size: 18px!important;
+
−
color: #F8F8FF;
+
−
line-height:25px;
+
−
}
+
−
#home_button{
+
−
position:absolute;
+
−
left:0vw;
+
−
width:5.5vw;
+
−
height:7vh;
+
−
text-align:center;
+
−
z-index:6;
+
−
background:#31a97e;
+
−
}
+
−
#home_button img {
+
−
height:4.5vh!important;
+
−
width:2vw;
+
−
margin-top:1.2vh;
+
−
}
+
−
 
+
−
.img_title {
+
−
height:4vh;
+
−
padding-right: 1vw;
+
−
}
+
−
 
+
−
 
+
−
.sub {
+
−
display: none;
+
−
position:absolute;
+
−
text-align: center;
+
−
right:0vw;
+
−
top:6.2vh;
+
−
width:13.5vw!important;
+
−
height:40vh;
+
−
margin: 0 auto;
+
−
padding:0;
+
−
z-index:9!important;
+
−
box-shadow:3px 3px 3px 0px #7D7D7C;
+
−
}
+
−
 
+
−
#sub_home{
+
−
height:32.5vh;
+
−
        background:#55c97e;
+
−
}
+
−
 
+
−
#sub_project{
+
−
height:40.5vh;
+
−
        background:#74cf7e;
+
−
}
+
−
 
+
−
#sub_parts{
+
−
height:24.5vh;
+
−
        background:#92cd7e;
+
−
}
+
−
 
+
−
#sub_modeling{
+
−
height:24.5vh;
+
−
        background:#a6ca7e;
+
−
}
+
−
 
+
−
#sub_drylab{
+
−
height:24.5vh;
+
−
        background:#bec37e;
+
−
}
+
−
 
+
−
#sub_human_practice{
+
−
height:40.5vh;
+
−
        background:#d1c17e;
+
−
}
+
−
 
+
−
#sub_notebook{
+
−
height:40.5vh;
+
−
        background:#d1ad7e;
+
−
}
+
−
 
+
−
.sub a {
+
−
   color: #F5F5F5;
+
−
}
+
−
 
+
−
.sub li {
+
−
float:none;
+
−
margin: auto;
+
−
/*margin-top: 1vh;*/
+
−
height: 8vh;
+
−
width: 13.5vw;
+
−
display:block!important;
+
−
border-top-style:solid;
+
−
border-top-width:1px;
+
−
border-top-color: #F8F8FF;
+
−
}
+
−
.sub a {
+
−
font-size:15px;
+
−
line-height:8vh;
+
−
}
+
−
nav a {
+
−
  color:#fcfcfc;
+
−
  font-family: 'CCUfontsBold', Arial, sans-serif;
+
−
  font-size: 1.5vw;
+
−
}
+
−
.title:hover {
+
−
background-color:#36BF36;
+
−
transition: 500ms;
+
−
border-radius: 3px;
+
−
}
+
−
 
+
−
.list {
+
−
    -webkit-animation: fadein 2s;
+
−
}
+
−
.list:hover {
+
−
background-color:#567256;
+
−
transition: 500ms;
+
−
}
+
−
nav hr {
+
−
position:relative;
+
−
border: 0;
+
−
    height: 1.5px;
+
−
width: 20%;
+
−
top: -2.7vh;
+
−
left: 12.18vw;
+
−
    background-image: linear-gradient(to right, rgba(54, 191, 54, 0.5), rgba(225, 255, 255, 1), rgba(54, 191, 54, .5));
+
−
transform:rotate(90deg);
+
−
    -o-transform:rotate(90deg);
+
−
    -moz-transform:rotate(90deg);
+
−
    -webkit-transform:rotate(90deg);
+
−
}
+
−
 
+
−
 
+
−
.indicator {
+
−
z-index:1;
+
−
position: fixed;
+
−
top:18vh;
+
−
font-family: 'CCUfontsBold', Arial, sans-serif;
+
−
        font-size: 18px;
+
−
        display: none;
+
−
}
+
−
 
+
−
.pointerAboutUs  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#55c97e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
        z-index:1;
+
−
}
+
−
 
+
−
.pointerProject  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#74cf7e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerParts  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#92cd7e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerModeling  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#a6ca7e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerModeling1  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#a6ca7e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerDrylab  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#bec37e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerHP  {
+
−
width:18vw;
+
−
height:10vh;
+
−
        background:#d1c17e!important;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
 
+
−
.pointerNotebook  {
+
−
width:18vw;
+
−
height:10vh;
+
−
background:#d1ad7e;
+
−
  -webkit-clip-path: inset(20% 0% 10% 0% round 0 80px 80px 0);
+
−
  clip-path: inset(20% 0% 10% 0% round  0 80px 80px 0);
+
−
transition: 500ms;
+
−
        stroke: #282828;
+
−
        stroke-width: 1px;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerAboutUs a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
  text-decoration: none;
+
−
}
+
−
 
+
−
.pointerAboutUs:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerAboutUs a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 5px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
 
+
−
.pointerProject a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.2vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerProject:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerProject a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.2vw;
+
−
        letter-spacing: 1.5px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerParts a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerParts:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerParts a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 5px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
.pointerModeling a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
.pointerModeling1 a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerModeling:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerModeling1:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
 
+
−
.pointerModeling a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 5px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
.pointerModeling1 a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 2px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.pointerDrylab a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerDrylab:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
.pointerDrylab a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 5px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
.pointerHP a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerHP:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
.pointerHP a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 3px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.indicator #pca a:hover {
+
−
        letter-spacing: 1px!important;
+
−
}
+
−
 
+
−
.indicator #nchu a:hover {
+
−
        letter-spacing: 1px!important;
+
−
}
+
−
.pointerNotebook a {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
color:black;
+
−
        position: relative;
+
−
transition: 500ms;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.pointerNotebook:hover {
+
−
width:20vw;
+
−
z-index:1;
+
−
}
+
−
.pointerNotebook a:hover {
+
−
line-height:11vh;
+
−
margin-left: 14px;
+
−
font-size:1.5vw;
+
−
        letter-spacing: 5px;
+
−
color:black;
+
−
        position: relative;
+
−
z-index:1;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
.col-sm-3 {
+
−
    position:relative;
+
−
    min-height:1px;
+
−
    padding-right:15px;
+
−
    padding-left:15px
+
−
}
+
−
 
+
−
 
+
−
.first {
+
−
  font-size: 40px!important;
+
−
  color: #3D3D3D!important;
+
−
  z-index: 3;
+
−
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
+
−
  text-decoration: underline;
+
−
}
+
−
.second {
+
−
  font-size: 28px!important;
+
−
  color: #3d3d3d!important;
+
−
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
+
−
      text-decoration: none!important;
+
−
}
+
−
.description {
+
−
  font-size: 18px!important;
+
−
  color: #000;
+
−
font-family: 'CCUfontsBold', Arial, sans-serif;
+
−
}
+
−
 
+
−
.content {
+
−
        width:92vw;
+
−
        padding-left: 2vw;
+
−
        padding-right: 2vw;
+
−
padding-top:5vh;
+
−
        position: relative;
+
−
        list-style-type:decimal;
+
−
        box-sizing:border-box;
+
−
z-index:0;
+
−
        background-color: white;
+
−
        height: 100%;
+
−
}
+
−
 
+
−
.content p {
+
−
      padding-right: 2vw;
+
−
      padding-left: 20vw;
+
−
      color: #3D3D3D;
+
−
      line-height: 1.6!important;
+
−
      word-spacing: normal!important;
+
−
}
+
−
 
+
−
.content li {
+
−
      color: #3D3D3D;
+
−
      line-height: 1.6!important;
+
−
      font-size: 18px!important;
+
−
      word-spacing: normal!important;
+
−
      padding-right: 2vw;
+
−
      margin-left: 20vw;
+
−
}
+
−
 
+
−
.content a {
+
−
padding-right: 2vw;
+
−
      margin-left: 20vw;
+
−
}
+
−
 
+
−
 
+
−
.polaroid .container p {
+
−
      color: #3D3D3D;
+
−
      line-height: 1.6!important;
+
−
      word-spacing: normal!important;
+
−
      font-size: 14px!important;
+
−
      font-weight: bold;
+
−
      padding-left: 1vw!important;
+
−
      text-align: inherit!important;
+
−
}
+
−
 
+
−
 
+
−
.IPli {
+
−
font-size:15px!important;
+
−
}
+
−
 
+
−
.footer {
+
−
    height: 110px;
+
−
    background-color: #333F50;
+
−
  right: 0;
+
−
  bottom: 0;
+
−
  left: 0;
+
−
     display: block;
+
−
}
+
−
 
+
−
#BSlogo {
+
−
        position: absolute;
+
−
        width: 6%;
+
−
        height: auto;
+
−
        margin-left: 150px;
+
−
        margin-top: 4px;
+
−
}
+
−
 
+
−
#CCUlogo {
+
−
        position: absolute;
+
−
        width: 6%;
+
−
        height: auto;
+
−
        margin-left: 275px;
+
−
        margin-top: 10px;
+
−
}
+
−
 
+
−
#CCUTEAMlogo {
+
−
        position: absolute;
+
−
        width: 6%;
+
−
        height: auto;
+
−
        margin-left: 430px;
+
−
        margin-top: 10px;
+
−
}
+
−
 
+
−
#img_title {
+
−
        position: absolute;
+
−
        width: 60vw;
+
−
        height: auto;
+
−
}
+
−
 
+
−
@-webkit-keyframes fadein {
+
−
    from { opacity: 0; }
+
−
    to  { opacity: 1; }
+
−
}
+
−
 
+
−
.polaroid {
+
−
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
−
  position: relative;
+
−
  background-color: white;
+
−
  margin-left: 20vw;
+
−
  margin-right: 2vw;
+
−
}
+
−
 
+
−
.polaroid img {
+
−
    width: calc(100% - 20px);
+
−
    max-width: calc(100% - 20px);
+
−
    max-height: 100%;
+
−
    padding: 10px;
+
−
    position: relative;
+
−
}
+
−
 
+
−
#Interlab1 {
+
−
  width: calc(40% + 20px);
+
−
  margin-left: 28vw!important;
+
−
}
+
−
 
+
−
.polaroid .container {
+
−
    padding-left: 5px;
+
−
    padding-bottom: 5px;
+
−
    z-index: 1;
+
−
}
+
−
 
+
−
#Interlab2 {
+
−
  width: calc(60% + 20px);
+
−
}
+
−
 
+
−
#Interlab3 {
+
−
  width: calc(60% + 20px);
+
−
}
+
−
 
+
−
#Interlab4-1 {
+
−
  width: 35%;
+
−
  float: left;
+
−
}
+
−
 
+
−
#Interlab4-2 {
+
−
  width: 36.5%;
+
−
  display: inline-block;
+
−
  margin-left: 6px;
+
−
}
+
−
 
+
−
 
+
−
#Interlab6-1 {
+
−
  width: 35%;
+
−
  float: left;
+
−
}
+
−
 
+
−
#Interlab6-2 {
+
−
  width: 36%;
+
−
  display: inline-block;
+
−
  margin-left: 10px;
+
−
}
+
−
 
+
−
#Interlab8 {
+
−
  width: calc(50% + 20px);
+
−
  margin-left: 28vw!important;
+
−
}
+
−
 
+
−
.second #ca1:before {
+
−
  height: 50px;
+
−
  display: block;
+
−
}
+
−
 
+
−
.second #ca2:before {
+
−
  height: 50px;
+
−
  display: block;
+
−
}
+
−
 
+
−
.second #ca3:before {
+
−
  height: 50px;
+
−
  display: block;
+
−
}
+
−
 
+
−
.second #ca4:before {
+
−
  height: 50px;
+
−
  display: block;
+
−
}
+
−
 
+
−
.second #ca5:before {
+
−
  height: 50px;
+
−
  display: block;
+
−
}
+
−
 
+
−
#Judging li {
+
−
font-family: 'CCUfontsBold', Arial, sans-serif;
+
−
font-size: 30px!important;
+
−
        margin-left: 0!important;
+
−
}
+
−
 
+
−
ol .descriptions {
+
−
        margin-left: 0!important;
+
−
      color: #3D3D3D;
+
−
      line-height: 1.6!important;
+
−
      word-spacing: normal!important;
+
−
}
+
−
 
+
−
#Demonstrate1 {
+
−
  width: calc(60% + 20px);
+
−
  margin-left: 25vw!important;
+
−
}
+
−
#Demonstrate1-2 {
+
−
  width: 70%;
+
−
  margin-left: 23vw;
+
−
  display: inline-block;
+
−
}
+
−
#Demonstrate1-3 {
+
−
  width: 60%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Demonstrate1-4 {
+
−
  width: 60%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Demonstrate1-5 {
+
−
  width: 60%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
.content .table {
+
−
        margin-left: 20vw!important;
+
−
font-size: 18px!important;
+
−
        color: #3D3D3D;
+
−
        line-height: 1.6!important;
+
−
}
+
−
 
+
−
.parttable {
+
−
        margin-left: 0!important;
+
−
font-size: 18px!important;
+
−
        color: #3D3D3D;
+
−
        line-height: 1.6!important;
+
−
        text-align: center;
+
−
        font-weight: bold;
+
−
        text-decoration-color:#92cd7e!important;
+
−
}
+
−
 
+
−
.parttable a {
+
−
        color: #92cd7e;
+
−
}
+
−
 
+
−
.parttable th {
+
−
      background:#92cd7e; 
+
−
}
+
−
 
+
−
 
+
−
.parttable a {
+
−
        padding-left: 0!important;
+
−
        margin-left: 0!important;
+
−
        padding-right: 0!important;
+
−
}
+
−
 
+
−
.parttable table {
+
−
        margin-left: 5vw!important;
+
−
        width: 80%;
+
−
}
+
−
 
+
−
.table #swotstrong1  {
+
−
        text-align: center;
+
−
}
+
−
.medal_bronze{
+
−
width:80vw;
+
−
height:20vh;
+
−
position:relative;
+
−
left:18vw;
+
−
margin:0vh;
+
−
background: -webkit-linear-gradient(#EE7700,#FFFFE0);
+
−
background: -o-linear-gradient(#EE7700,#FFFFE0);
+
−
background: -moz-linear-gradient(#EE7700,#FFFFE0);
+
−
background: linear-gradient(#EE7700,#FFFFE0);
+
−
-webkit-clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
+
−
clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
+
−
}
+
−
.medal_bronze p {
+
−
padding-top:2vh;
+
−
padding-right:0;
+
−
    padding-left:5vw;
+
−
}
+
−
 
+
−
.medal_silver{
+
−
width:80vw;
+
−
height:20vh;
+
−
position:relative;
+
−
left:18vw;
+
−
margin:0vh;
+
−
background: -webkit-linear-gradient(#C0C0C0,#F8F8FF);
+
−
background: -o-linear-gradient(#C0C0C0,#F8F8FF);
+
−
background: -moz-linear-gradient(#C0C0C0,#F8F8FF);
+
−
background: linear-gradient(#C0C0C0,#F8F8FF);
+
−
-webkit-clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
+
−
clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
+
−
}
+
−
.medal_silver p {
+
−
padding-top:2vh;
+
−
padding-right:0;
+
−
    padding-left:5vw;
+
−
}
+
−
 
+
−
.medal_gold{
+
−
width:80vw;
+
−
height:20vh;
+
−
position:relative;
+
−
left:18vw;
+
−
margin:0vh;
+
−
background: -webkit-linear-gradient(#FFD700,#FFFACD);
+
−
background: -o-linear-gradient(#FFD700,#FFFACD);
+
−
background: -moz-linear-gradient(#FFD700,#FFFACD);
+
−
background: linear-gradient(#FFD700,#FFFACD);
+
−
-webkit-clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
+
−
clip-path: polygon(75% 0%, 78% 53%, 75% 100%, 0% 100%, 3% 53%, 0% 0%);
+
−
}
+
−
.medal_gold p {
+
−
padding-top:2vh;
+
−
padding-right:0;
+
−
    padding-left:5vw;
+
−
}
+
−
 
+
−
 
+
−
.content .structuregraph {
+
−
        width: 70%;
+
−
        margin-left: 20vw;
+
−
}
+
−
 
+
−
.structuregraph .transform {
+
−
    position: absolute;
+
−
    top: 10%;
+
−
    left: 20px;
+
−
    padding: 20px;
+
−
    width: 60%;
+
−
}
+
−
 
+
−
.structuregraph .Enzyme {
+
−
    position: absolute;
+
−
    top: 47%;
+
−
    left: 30px;
+
−
    padding: 20px;
+
−
    width: 80%;
+
−
}
+
−
 
+
−
.structuregraph .Polymer {
+
−
    position: absolute;
+
−
    top: 62%;
+
−
    padding-left: 180px;
+
−
    width: 50%;
+
−
 
+
−
}
+
−
 
+
−
.structuregraph .HP {
+
−
    position: absolute;
+
−
    top: 84%;
+
−
    left: 35px;
+
−
    padding: 20px;
+
−
    width: 50%;
+
−
}
+
−
 
+
−
 
+
−
.container #Home {
+
−
        background:#55c97e;
+
−
}
+
−
.container #Project {
+
−
        background:#74cf7e;
+
−
}
+
−
 
+
−
.container #Parts {
+
−
        background:#92cd7e;
+
−
}
+
−
 
+
−
.container #Modeling {
+
−
        background:#a6ca7e;
+
−
}
+
−
 
+
−
.container #Drylab {
+
−
        background:#bec37e;
+
−
}
+
−
 
+
−
.container #Human_Practice {
+
−
        background:#d1c17e;
+
−
}
+
−
 
+
−
.container #Notebook {
+
−
        background:#d1ad7e;
+
−
}
+
−
 
+
−
 
+
−
#Judging a {
+
−
        margin-left: 0!important;
+
−
}
+
−
 
+
−
.flip {margin-left:20vw; padding:5px; padding-left:3vw;padding-right:3vw;text-align:center;background:#d1c17e;cursor:pointer;font-family:'Arial'; width:60.1vw;}
+
−
.panel {margin-left:20vw; padding:10px;padding-left:3vw;padding-right:3vw;background:#FFFACD;border:solid 1px #c3c3c3;display:none;font-family:'Arial'; width:60vw;}
+
−
 
+
−
#judge {
+
−
  margin-left:30vw;
+
−
  list-style:none;
+
−
}
+
−
 
+
−
.st {
+
−
  list-style-type:disc;
+
−
}
+
−
 
+
−
.mdl {
+
−
color:red!important;
+
−
padding-left:4vw!important;
+
−
margin-left:1vw!important;
+
−
font-size:20px;
+
−
}
+
−
 
+
−
.bigtitle {
+
−
      position: absolute;
+
−
      top: 360px;
+
−
      margin-left : 25px;
+
−
      font-size: 100px;
+
−
      color: white;
+
−
      opacity: 0.7;
+
−
      overflow: visible!important;
+
−
      font-family: 'CCUfontsBold', Arial, sans-serif!important
+
−
}
+
−
 
+
−
#fb {
+
−
        margin-left: 0!important;
+
−
        margin-right: 0!important;
+
−
        padding-right:0!important;
+
−
}
+
−
 
+
−
#Design1 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Design2 {
+
−
  width: 50%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
}
+
−
#Design3 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
 
+
−
#Line1 {
+
−
  width: 50%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
}
+
−
#Line2 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
#Line3 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
#Line4 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
#Line5 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
#Line6 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
#Line7 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
#Line8 {
+
−
  width: 70%;
+
−
  margin-left: 20VW;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
.row #halftext {
+
−
  display: inline-block;
+
−
  width: 50%;
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
.row #halftext2 {
+
−
  display: inline-block;
+
−
  width: 50%;
+
−
  margin-left: 20vw;
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
.row #halftext3 {
+
−
  display: inline-block;
+
−
  width: 65%;
+
−
  vertical-align: top;
+
−
 
+
−
}
+
−
 
+
−
#Analysis1 {
+
−
  width: 40%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Analysis2 {
+
−
  width: 27%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Analysis3 {
+
−
  width: 28%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Analysis4 {
+
−
  width: 50%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Analysis5 {
+
−
  width: 38%;
+
−
  margin-left: 16vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Analysis6 {
+
−
  width: 38%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Analysis7 {
+
−
  width: 38%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
}
+
−
#Analysis8 {
+
−
  width: 50%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
.thecard p {
+
−
  font-size: 13px;
+
−
}
+
−
 
+
−
 
+
−
.thecard1 p {
+
−
  font-size: 13px;
+
−
}
+
−
 
+
−
a:hover .card-outmore {
+
−
  background: #2C3E50;
+
−
  color: #fff;
+
−
}
+
−
 
+
−
a:hover .thecard {
+
−
  box-shadow: 0 10px 50px rgba(0,0,0,.6);
+
−
}
+
−
 
+
−
a:hover .thecard1 {
+
−
  box-shadow: 0 10px 50px rgba(0,0,0,.6);
+
−
}
+
−
 
+
−
.thecard {
+
−
  width: 300px;
+
−
  margin-left: 20vw;
+
−
  padding-bottom: 20px;
+
−
  box-shadow: 0 1px 30px rgba(0,0,0,.4);
+
−
  display: block;
+
−
  background-color: #fff;
+
−
  border-radius: 4px;
+
−
  transition: 400ms ease;
+
−
  display: inline-block;
+
−
  align: top;
+
−
}
+
−
 
+
−
.thecard1 {
+
−
  width: 300px;
+
−
  margin-left: 10px!important;
+
−
  padding-bottom: 20px;
+
−
  box-shadow: 0 1px 30px rgba(0,0,0,.4);
+
−
  display: block;
+
−
  background-color: #fff;
+
−
  border-radius: 4px;
+
−
  transition: 400ms ease;
+
−
  display: inline-block;
+
−
  align: top;
+
−
}
+
−
.card-img {
+
−
  height: 225px;
+
−
  text-align:center!important;
+
−
    margin: 0 auto;
+
−
}
+
−
 
+
−
.card-img img {
+
−
  width:100%;
+
−
  border-radius: 4px 4px 0px 0px;
+
−
  text-align:center;
+
−
  overflow: hidden!important;
+
−
    margin: 0 auto;
+
−
}
+
−
 
+
−
.card-caption {
+
−
  position: relative;
+
−
  background: #ffffff;
+
−
  padding: 15px 25px 5px 25px;
+
−
  border-radius: 0px 0px 4px 4px;
+
−
}
+
−
 
+
−
.card-outmore {
+
−
  padding: 10px 25px 10px 25px;
+
−
  border-radius: 0px 0px 4px 4px;
+
−
  border-top: 1px solid #e0e0e0;
+
−
  background: #efefef;
+
−
  color: #222;
+
−
  display: inline-table;
+
−
  width: 100%;
+
−
  box-sizing: border-box;
+
−
  transition: 400ms ease;
+
−
}
+
−
.card-outmore h5 {
+
−
  float: left;
+
−
}
+
−
.card-outmore i {
+
−
  float: right;
+
−
}
+
−
 
+
−
.thecard span.date {
+
−
  font-size: 10px;
+
−
}
+
−
 
+
−
.thecard h1 {
+
−
  font-size: 22px;
+
−
}
+
−
 
+
−
.thecard h5 {
+
−
  margin:0;
+
−
}
+
−
 
+
−
 
+
−
.thecard1 span.date {
+
−
  font-size: 10px;
+
−
}
+
−
 
+
−
.thecard1 h1 {
+
−
  font-size: 22px;
+
−
}
+
−
 
+
−
.thecard1 h5 {
+
−
  margin:0;
+
−
}
+
−
 
+
−
#like-btn {
+
−
  font-size: 18px;
+
−
  background: #446CB3;
+
−
  color: #fff;
+
−
  padding: 13px 15px;
+
−
  border-radius: 50em;
+
−
  position: absolute;
+
−
  right: 20px;
+
−
  top: -22px;
+
−
  box-shadow: 0 2px 1px rgba(0,0,0,.2);
+
−
  transition: 400ms ease;
+
−
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
+
−
}
+
−
 
+
−
#like-btn:hover {
+
−
  font-size: 18px;
+
−
  background: #3B5998;
+
−
  color: #fff;
+
−
  padding: 13px 15px;
+
−
  border-radius: 50em;
+
−
  position: absolute;
+
−
  right: 20px;
+
−
  top: -22px;
+
−
  box-shadow: 0 4px 5px rgba(0,0,0,.3);
+
−
}
+
−
 
+
−
#outmore-icon {
+
−
  border:1px solid ;
+
−
  padding: 1px 6px;
+
−
  border-radius: 50em;
+
−
}
+
−
 
+
−
.thecard .card {
+
−
    margin-left: 0!important;
+
−
    padding-left: 0!important;
+
−
    text-align: left!important;
+
−
}
+
−
 
+
−
.thecard .second {
+
−
    margin-left: 0!important;
+
−
    padding-left: 0!important;
+
−
    text-align: left!important;
+
−
}
+
−
 
+
−
.thecard .description {
+
−
    margin-left: 0!important;
+
−
    padding-left: 0!important;
+
−
    text-align: left!important;
+
−
}
+
−
 
+
−
.thecard1 .description {
+
−
    margin-left: 0!important;
+
−
    padding-left: 0!important;
+
−
    text-align: left!important;
+
−
}
+
−
 
+
−
.thecard1 .card {
+
−
    margin-left: 0!important;
+
−
    padding-left: 0!important;
+
−
    text-align: left!important;
+
−
}
+
−
.row .thecard {
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
.row .thecard1 {
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
#arrow1 {
+
−
position: absolute;
+
−
        z-index: 70;
+
−
        width: 69%;
+
−
        margin-left: 17vw;
+
−
        margin-top: 15vh;
+
−
}
+
−
 
+
−
.container1{
+
−
background:#eee;
+
−
width:60%;
+
−
    margin-left: 20vw;
+
−
}
+
−
.articles{
+
−
  display:flex;
+
−
  overflow:hidden;
+
−
  flex-wrap:wrap;
+
−
  align-items:stretch;
+
−
}
+
−
.articleShort{
+
−
  display:flex;
+
−
  //flex: 0 1 50%; //controll the width, default 1 1 0%
+
−
  flex:1 1 0%; //really buggy in safari IOS
+
−
 
+
−
}
+
−
.articleMain{
+
−
  display:flex;
+
−
  flex: 1 1 100%; //controll the width, default 1 1 0%
+
−
}
+
−
.card1{
+
−
display:flex;
+
−
  align-items: center;
+
−
  overflow:hidden;
+
−
  background-color:white;
+
−
  //padding:15px;
+
−
  margin: 15px;
+
−
 
+
−
    .card-content1{
+
−
      display:flex;
+
−
      flex-direction:column;
+
−
      align-items:flex-start;
+
−
      flex: 1 1 auto;
+
−
     
+
−
      h3,p{
+
−
        max-width: calc(100% - 30px);
+
−
        padding-left:30px;
+
−
      }
+
 
   }
 
   }
−
  .card-image1{
 
−
    min-width:262px;
 
−
    a{
 
−
    img{
 
−
      //min-width:162px;
 
−
  display: block;
 
−
max-width: 100%;
 
−
height: auto;
 
−
 
−
    }
 
−
  }
 
−
  }
 
−
 
 
}
 
}
  
−
@media screen and (max-width: 992px) {
+
// Captures click events of all <a> elements with href starting with #
−
.articleShort{
+
$(document).on('click', 'a[href^="#"]', function(event) {
−
   flex:1 1 100%;
+
  // Click events are captured before hashchanges. Timeout
−
   }
+
   // causes offsetAnchor to be called after the page jump.
−
}
+
   window.setTimeout(function() {
−
@media screen and (max-width: 480px) {
+
    offsetAnchor();
−
  .card1{flex-direction:column;
+
   }, 0);
−
   .card-content1{
+
});
−
    h3,p{text-align:center;
+
−
    }
+
−
    }
+
−
    .card-image{
+
  
−
      img{
+
// Set the offset when entering page with hash present in the url
−
 
+
window.setTimeout(offsetAnchor, 0);
−
      }
+
 +
$(document).scroll(function () { // remove "$"
 +
    var y = $(this).scrollTop();       
 +
    if (y > 300) {
 +
        $('.indicator').fadeIn();
 +
    }  
 +
    else {
 +
        $('.indicator').fadeOut();
 
     }
 
     }
−
  }
+
});
−
}
+
 +
</script>
  
−
#hp1 {
+
</head>
−
    width: auto;
+
−
    height: 200px;
+
−
}
+
  
−
.backgroundHP .thecard a {
+
<body>
−
    padding-right: 0!important;
+
  <header>
−
    margin-left: 0!important;
+
        <nav>
−
    text-decoration: none!important;
+
            <div class="container">
−
    color: white;
+
                <ul class="front">
−
}
+
 +
                    <div id="home_button" style="cursor:pointer;"  onclick="location.href=
 +
'https://2018.igem.org/Team:CCU_Taiwan';"> <img src="https://static.igem.org/mediawiki/2018/0/08/T--CCU_Taiwan--home_button.png"></img></div>
  
−
.backgroundHP .thecard {
+
                    <li class="title" style="cursor:pointer;" id="Home"><img class="img_title" src="https://static.igem.org/mediawiki/2018/2/24/T--CCU_Taiwan--aboutus.png"></img><a>About Us</a>
−
    width: 800px!important;
+
                        <ul class="sub" id="sub_home" style="cursor:default;">
−
    margin-left: 25vw;
+
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a>
−
}
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a>
−
#Public1 {
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a>
−
  width: 30%;
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a>
−
  margin-left: 10px;
+
                        </ul>
−
  display: inline-block!important;
+
                    </li>
−
}
+
                    <li class="title" style="cursor:pointer;" id="Project"><img class="img_title" src="https://static.igem.org/mediawiki/2018/6/6f/T--CCU_Taiwan--project.png"></img><a>Project</a>
 +
<ul class="sub" id="sub_project" style="cursor:default;">
 +
    <a href="https://2018.igem.org/Team:CCU_Taiwan/Description"><li class="list" id="project1">Description</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Applied_Design"><li class="list" id="project2">Design</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Results"><li class="list" id="project3">Results</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project4">Demonstration</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab"><li class="list" id="project5">InterLab</li></a>
 +
</ul>
 +
</li>
 +
                    <li class="title" style="cursor:pointer;" id="Parts"><img class="img_title" src="https://static.igem.org/mediawiki/2018/1/17/T--CCU_Taiwan--part.png"></img><a>Parts</a>
 +
                        <ul class="sub" id="sub_parts" style="cursor:default;">
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Parts"><li class="list" id="parts1">Overview</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts1">Basic Part</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts2">Composite Part</li></a>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="title" style="cursor:pointer;" id="Modeling"><img class="img_title" src="https://static.igem.org/mediawiki/2018/0/09/T--CCU_Taiwan--model.png"></img><a>Modeling</a>
 +
                        <ul class="sub" id="sub_modeling" style="cursor:default;">
 +
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Model"><li class="list" id="model1">Overview</li></a>
 +
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Binding"><li class="list" id="model2">Binding Model</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer Model</li></a>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="title" style="cursor:pointer;" id="Drylab"><img class="img_title" src="https://static.igem.org/mediawiki/2018/f/fc/T--CCU_Taiwan--Dry_lab.png"></img><a>Product</a>
 +
                        <ul class="sub" id="sub_drylab" style="cursor:default;">
 +
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan"><li class="list" id="drylab1">Analysis</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering"><li class="list" id="drylab2">Production Line</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Safety"><li class="list" id="drylab3">Safety</li></a>
 +
                        </ul>
 +
                    </li>
 +
    <li class="title" style="cursor:pointer;" id="Human_Practice"><img class="img_title" src="https://static.igem.org/mediawiki/2018/9/96/T--CCU_Taiwan--humanpractice.png"></img><a>HP</a>
 +
                        <ul class="sub" id="sub_human_practice" style="cursor:default;">
 +
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Human Practice</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement"><li class="list" id="human_practice2">Public Engagement</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate"><li class="list" id="human_practice5">Intergrated HP</li></a>
 +
                        </ul>
 +
                    </li>
 +
    <li class="title" style="cursor:pointer;" id="Notebook"><img class="img_title" src="https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--notebook.png"></img><a>Notebook</a>
 +
                        <ul class="sub" id="sub_notebook" style="cursor:default;">
 +
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook"><li class="list" id="notebook1">Overview</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations"><li class="list" id="notebook2">Collaborations</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Protocols"><li class="list" id="notebook3">Protocols</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments"><li class="list" id="notebook4">Experiments</li></a>
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Materials"><li class="list" id="notebook5">Materials</li></a>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </nav>
  
 +
    </header>
  
−
#Public2 {
 
−
  width: 35%;
 
−
  margin-left: 20vw;
 
−
  display: inline-block!important;
 
−
}
 
  
−
#Public3 {
 
−
  width: 35%;
 
−
  margin-left: 10px;
 
−
  display: inline-block!important;
 
−
}
 
  
 +
<div class="backgroundAboutUs">
 +
<div class="content" id="Judging">
 +
<ol id="judge">
 +
<li>About Us
 +
<ol>
 +
<li>For Judges (this page)</li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Team">Team</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Medal">Medals</a></li>
 +
</ol>
 +
</li>
 +
<li>Project
 +
<ol>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Results">Results</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab">InterLab</a></li>
 +
</ol>
 +
</li>
 +
<li>Parts
 +
<ol>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Parts">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part">Basic Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part">Composite Part</a></li>
 +
</ol>
 +
</li>
 +
<li>Modeling
 +
<ol>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Model">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Binding">Binding Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer">Polymer Model</a></li>
 +
</ol>
 +
</li>
 +
<li>Product
 +
<ol>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan">Analysis</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Safety">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering">Production Line</a></li>
 +
</ol>
 +
</li>
 +
<li>Human Practices
 +
<ol>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices">Silver HP</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement">Public Engagement</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship">Entrepreneurship</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts">Engaging Experts</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate">Integrated HP</a></li>
 +
</ol>
 +
</li>
 +
<li>Notebook
 +
<ol>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations">Collaboration</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:CCU_Taiwan/Materials">Materials</a></li>
 +
</ol>
 +
</li>
 +
</ol>
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
</body>
 +
<footer class="footer">
 +
            <a href="http://huitong.com.tw">
 +
              <img  id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom">
 +
            </a>
  
−
body {font-family: Verdana, sans-serif; margin:0}
+
            <a href="https://www.facebook.com/ccuigemteam/?ref=br_rs">
−
.mySlides {display: none}
+
            <img id="CCUTEAMlogo" src="https://static.igem.org/mediawiki/2018/e/e3/T--CCU_Taiwan--CCUP2.png" align="bottom">
−
img {vertical-align: middle;}
+
            </a>
  
−
/* Slideshow container */
+
            <a href="http://ewww.ccu.edu.tw/">
−
.slideshow-container {
+
            <img  id="CCUlogo" src="https://static.igem.org/mediawiki/2018/8/89/T--CCU_Taiwan--CCUP3.png" align="bottom">
−
  max-width: 1000px;
+
            </a>
−
  position: relative;
+
</footer>
−
  margin: auto;
+
−
  border:1px solid ;
+
−
 
+
−
}
+
−
 
+
−
/* Next & previous buttons */
+
−
.prev, .next {
+
−
  cursor: pointer;
+
−
  position: absolute;
+
−
  top: 50%;
+
−
  width: auto;
+
−
  padding: 16px!important;;
+
−
  margin-top: -22px!important;;
+
−
  color: #d1c17e;
+
−
  font-weight: bold;
+
−
  font-size: 60px;
+
−
  transition: 0.6s ease;
+
−
  border-radius: 0 3px 3px 0;
+
−
  padding-right: 0!important;
+
−
  margin-left: 0!important;
+
−
      text-decoration: none!important;
+
−
}
+
−
 
+
−
/* Position the "next button" to the right */
+
−
.next {
+
−
  right: 0;
+
−
  border-radius: 3px 0 0 3px;
+
−
}
+
−
 
+
−
 
+
−
/* Caption text */
+
−
.text {
+
−
  color: #f2f2f2;
+
−
  font-size: 15px;
+
−
  padding: 8px 12px;
+
−
  position: absolute;
+
−
  bottom: 8px;
+
−
  width: 100%;
+
−
  text-align: center;
+
−
}
+
−
 
+
−
/* Number text (1/3 etc) */
+
−
.numbertext {
+
−
  color: #f2f2f2;
+
−
  font-size: 12px;
+
−
  padding: 8px 12px;
+
−
  position: absolute;
+
−
  top: 0;
+
−
}
+
−
 
+
−
/* The dots/bullets/indicators */
+
−
.dot {
+
−
  cursor: pointer;
+
−
  height: 15px;
+
−
  width: 15px;
+
−
  margin: 0 2px;
+
−
  background-color: #bbb;
+
−
  border-radius: 50%;
+
−
  display: inline-block;
+
−
  transition: background-color 0.6s ease;
+
−
}
+
−
 
+
−
.active, .dot:hover {
+
−
  background-color: #717171;
+
−
}
+
−
 
+
−
/* Fading animation */
+
−
.fade {
+
−
  -webkit-animation-name: fade;
+
−
  -webkit-animation-duration: 1.5s;
+
−
  animation-name: fade;
+
−
  animation-duration: 1.5s;
+
−
}
+
−
 
+
−
@-webkit-keyframes fade {
+
−
  from {opacity: .4}
+
−
  to {opacity: 1}
+
−
}
+
−
 
+
−
@keyframes fade {
+
−
  from {opacity: .4}
+
−
  to {opacity: 1}
+
−
}
+
−
 
+
−
/* On smaller screens, decrease text size */
+
−
@media only screen and (max-width: 300px) {
+
−
  .prev, .next,.text {font-size: 11px}
+
−
}
+
−
 
+
−
.survey {
+
−
  width:50%!important;
+
−
  margin-left: 28vw;
+
−
}
+
−
 
+
−
#Model1 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Bind1 {
+
−
  width: 70%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
#Bind2 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Bind3 {
+
−
  width: 30%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
#Bind4 {
+
−
  width: 35%;
+
−
  margin-left: 15px;
+
−
  display: inline-block!important;
+
−
}
+
−
#Bind5 {
+
−
  width: 70%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
#Bind6 {
+
−
  width: 70%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
#Bind7 {
+
−
  width: 25%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Bind8 {
+
−
  width: 40%;
+
−
  margin-left: 5px;
+
−
  display: inline-block!important;
+
−
}
+
−
 
+
−
#twopics {
+
−
  display: inline-block!important;
+
−
  width:45%;
+
−
}
+
−
 
+
−
#twopics2 {
+
−
  display: inline-block!important;
+
−
  width:25%;
+
−
vertical-align: middle;
+
−
}
+
−
#twopics3 {
+
−
  display: inline-block!important;
+
−
  width:60%;
+
−
  margin-left: 20%;
+
−
}
+
−
 
+
−
.indicator #Polymer1 {
+
−
font-size: 1vw!important;
+
−
}
+
−
 
+
−
#Basic1 {
+
−
  width: 40%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Basic2 {
+
−
  width: 30%;
+
−
  margin-left: 20px;
+
−
  display: inline-block;
+
−
}
+
−
#Basic3 {
+
−
  width: 40%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
}
+
−
#Basic4 {
+
−
  width: 30%;
+
−
  margin-left: 20px;
+
−
  display: inline-block;
+
−
}
+
−
#Basic5 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
}
+
−
 
+
−
#Composite1 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Composite1-2 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Composite2 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Composite2-2 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Composite3 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Composite3-2 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Composite3-3 {
+
−
  width: 50%;
+
−
  margin-left: 25vw;
+
−
  display: inline-block;
+
−
}
+
−
#Composite4 {
+
−
  width: 30%;
+
−
  margin-left: 20vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Composite5 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
#like-btn a {
+
−
    padding-right: 0!important;
+
−
    margin-left: 0!important;
+
−
    text-decoration: none!important;
+
−
    color: white;
+
−
}
+
−
.backgroundProject #like-btn {
+
−
  right: 0px!important;
+
−
  top: 0px!important;
+
−
  position: relative!important;
+
−
    margin-left: 20vw!important;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
#Demonstrate2 {
+
−
  width: 40%;
+
−
  margin-left: 35vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Demonstrate3 {
+
−
  width: 30%;
+
−
  margin-left: 23vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Demonstrate4 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Demonstrate5 {
+
−
  width: 50%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Demonstrate6 {
+
−
  width: 30%;
+
−
  margin-left: 30vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Demonstrate7 {
+
−
  width: 30%;
+
−
  margin-left: 10px;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#Demonstrate8 {
+
−
  width: 70%;
+
−
  margin-left: 22vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
 
+
−
.description a {
+
−
        padding-left: 0!important;
+
−
        margin-left: 0!important;
+
−
        padding-right: 0!important;
+
−
}
+
−
.polaroid #production {
+
−
  width: 100%;
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
}
+
−
 
+
−
.backgroundParts a {
+
−
color: #92cd7e;
+
−
        padding-left: 0!important;
+
−
        margin-left: 0!important;
+
−
        padding-right: 0!important;
+
−
        text-decoration-color:#92cd7e!important;
+
−
}
+
−
 
+
−
#Safety1 {
+
−
  width: 20%;
+
−
  margin-left: 17vw;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
#Safety2 {
+
−
  width: 25%;
+
−
  margin-left: 1px;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
 
+
−
#Safety3 {
+
−
  width: 25%;
+
−
  margin-left: 1px;
+
−
  display: inline-block;
+
−
  vertical-align: top;
+
−
}
+
−
#ptc1 {
+
−
  width: 60%;
+
−
}
+
−
#ptc2 {
+
−
  width: 60%;
+
−
}
+
−
#ptc3 {
+
−
  width: 60%;
+
−
}
+
−
#ptc4 {
+
−
  width: 60%;
+
−
}
+
−
#ptc5 {
+
−
  width: 60%;
+
−
}
+
−
#ptc5 {
+
−
  width: 50%;
+
−
}
+
−
#ptc6 {
+
−
  width: 40%;
+
−
}
+
−
#ptc7 {
+
−
  width: 60%;
+
−
}
+
−
 
+
−
#cb2 {
+
−
  width: 45%;
+
−
  margin-left: 30vw;
+
−
}
+
−
#Public0-1  {
+
−
  width: 15%;
+
−
  margin-left: 20vw;
+
−
}
+
−
#Public0-2  {
+
−
  width: 15%;
+
−
  margin-left: 10px;
+
−
}
+
−
 
+
−
#Public0-3  {
+
−
  width: 15%;
+
−
  margin-left: 10px;
+
−
}
+
−
#Public0-4  {
+
−
  width: 15%;
+
−
  margin-left: 20vw;
+
−
}
+
−
#Public0-5  {
+
−
  width: 15%;
+
−
  margin-left: 10px;
+
−
}
+
−
 
+
−
#Public0-6  {
+
−
  width: 15%;
+
−
  margin-left: 10px;
+
−
}
+
−
</style>
+
−
</html>
+

Revision as of 01:26, 18 October 2018

  1. About Us
    1. For Judges (this page)
    2. Team
    3. Attributions
    4. Medals
  2. Project
    1. Description
    2. Design
    3. Demonstrate
    4. Results
    5. InterLab
  3. Parts
    1. Overview
    2. Basic Part
    3. Composite Part
  4. Modeling
    1. Overview
    2. Binding Model
    3. Polymer Model
  5. Product
    1. Analysis
    2. Safety
    3. Production Line
  6. Human Practices
    1. Silver HP
    2. Public Engagement
    3. Entrepreneurship
    4. Engaging Experts
    5. Integrated HP
  7. Notebook
    1. Overview
    2. Collaboration
    3. Experiments
    4. Materials