Difference between revisions of "Team:CCU Taiwan/engaging experts"

Line 1: Line 1:
−
{{CCU_Taiwan/css}}
 
−
 
 
<html>
 
<html>
  
−
<head>
+
<style>
 +
/*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; }
  
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
<script>
+
/*mobile*/
−
$(document).ready(function(){
+
/* 1800px  */
−
+
/************************************************/
−
$("#Home").hover(function(e){
+
@media only screen and (max-width: 1800px) {
−
$("#sub_home").stop(true,false,true).slideToggle(300);
+
.igem_2018_team_content { width: 85%;}
−
  });
+
.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(){
+
}
−
$("#sub_project").stop(true,false,true).slideToggle(300);
+
@media only screen and (max-width: 500px) {
−
});
+
.igem_2018_team_menu {min-width:100%; width:100%; }
−
+
}
−
$("#Parts").hover(function(){
+
/*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
−
$("#sub_parts").stop(true,false,true).slideToggle(300);
+
/*DEFAULT WIKI SETTINGS ENDS HERE*/
−
});
+
−
+
−
$("#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);
+
−
});
+
  
−
$("#home_button").hover(function(){
+
@font-face {
−
    $(this).css("background","black")
+
    font-family: 'CCUfontsBold';
−
},function(){
+
    src: url('https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUfontsBold.eot') ;
−
    $(this).css("background","#31a97e")
+
    src: url('https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUfontsBold.ttf') format('truetype'),
−
  });
+
          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');
 +
}
  
−
// The function actually applying the offset
+
 
−
function offsetAnchor() {
+
#content {
−
  if (location.hash.length !== 0) {
+
  margin-top: 14px!important;
−
    window.scrollTo(window.scrollX, window.scrollY - 90);
+
−
  }
+
 
}
 
}
  
−
// Captures click events of all <a> elements with href starting with #
+
body {
−
$(document).on('click', 'a[href^="#"]', function(event) {
+
    margin: 0!important;
−
  // Click events are captured before hashchanges. Timeout
+
    padding: 0!important;
−
  // causes offsetAnchor to be called after the page jump.
+
     width: 100%;
−
  window.setTimeout(function() {
+
overflow-x:hidden;
−
     offsetAnchor();
+
}
−
  }, 0);
+
−
});
+
  
−
// Set the offset when entering page with hash present in the url
+
.photointerlab {
−
window.setTimeout(offsetAnchor, 0);
+
    background-image: url("https://static.igem.org/mediawiki/2018/a/ab/T--CCU_Taiwan--CCUInterlabphoto.jpg");
−
+
     min-height: 470px;  
−
$(document).scroll(function () { // remove "$"
+
     background-attachment: fixed;
−
    var y = $(this).scrollTop();      
+
     background-position: top;
−
     if (y > 300) {
+
     background-repeat: no-repeat;
−
        $('.indicator').fadeIn();
+
     background-size: 110% auto;
−
     }
+
     z-index: 70;
−
    else {
+
}
−
        $('.indicator').fadeOut();
+
−
     }
+
−
});
+
−
$(function(){
+
−
$(".flip").click(function(){
+
−
     $(".panel").slideToggle("slow");
+
−
     $(".xs1").toggle();
+
−
     $(".xs2").toggle();
+
−
  });});
+
−
</script>
+
  
−
</head>
+
.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;
 +
}
  
−
<body>
+
.photoAttributions {
−
  <header>
+
    background-image: url("https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--CCUteam2photo.jpg");
−
        <nav>
+
    min-height: 470px;
−
            <div class="container">
+
    background-attachment: fixed;
−
                <ul class="front">
+
    background-position: top;
−
+
    background-repeat: no-repeat;
−
                    <div id="home_button" style="cursor:pointer;"  onclick="location.href=
+
    background-size: 110% auto;
−
'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>
+
    z-index: 70;
 +
}
  
−
                    <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><hr>
+
.photomedal {
−
                        <ul class="sub" id="sub_home" style="cursor:default;">
+
    background-image: url("https://static.igem.org/mediawiki/2018/4/43/T--CCU_Taiwan--CCUmedalphoto.jpg");
−
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a>
+
    min-height: 470px;  
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a>
+
    background-attachment: fixed;
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home2">Medals</li></a>
+
    background-position: top;
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home3">For Judges</li></a>
+
    background-repeat: no-repeat;
−
                        </ul>
+
    background-size: 110% auto;
−
                    </li>
+
    z-index: 70;
−
                    <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><hr>
+
}
−
<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><hr>
+
−
                        <ul class="sub" id="sub_parts" style="cursor:default;">
+
−
<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>
+
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Improve"><li class="list" id="parts3">Improved 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><hr>
+
−
                        <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</li></a>
+
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer</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><hr>
+
−
                        <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><hr>
+
−
                        <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">Overview</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>
+
.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;
 +
}
  
−
<div class="backgroundHP">
+
.photoDesign {
−
<div class="photoEngagingExperts"></div>
+
    background-image: url("https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUDesignphoto.jpg");
−
      <div class="content">
+
    min-height: 470px;
−
<p class="first">Entrepreneurship</p>
+
    background-attachment: fixed;
−
<p class="second">Bobsen:</p>
+
    background-position: top;
−
<p class="description">&emsp;&emsp;Bobsen is a paper container laminated manufacturer, after our fundraising session, Bobsen agreed with us to arrange a corporate visit. Let us visit the factory and equipment of the paper laminating and answer our doubts about the production line.<br>Followings are information we got form Bobsen:
+
    background-repeat: no-repeat;
−
<br>Mails:
+
    background-size: 110% auto;
−
</p>
+
    z-index: 70;
−
<div class="flip"><span class="1">Click Here</span></div>
+
}
−
<div class="panel">1. We know that the temperature of the plastic itself will be heated to more than 300 degrees. What is the temperature of the plastic laminating to the paper? Because there will be a small drop temperature in the middle, which will cause the plastic to cool down. The main thing to understand is that the cooling will drop. How many degrees do you fit on the paper?<br>
+
.photoResult {
−
Bobsen: I remember that the temperature of polyethylene dripping down is about 270 degrees to the paper.<br><br>
+
    background-image: url("https://static.igem.org/mediawiki/2018/7/75/T--CCU_Taiwan--CCUResultphoto.jpg");
−
2. Is the thickness of the paper itself about a few centimeters?<br>
+
    min-height: 470px;
−
Bobsen: The paper sent to you is 0.37mm.<br><br>
+
    background-attachment: fixed;
−
3. What is the price of paper under a certain area? And what is the weight? Under a certain area, you can make a few 6.5oz paper cups. I don't know if your company is willing to disclose the cost of paper cups under 6.5oz. Inconvenient, can you tell us how much the selling price is going to be? (The main reason is because we want to estimate how much the paper cup made of lignin is about, so we need the cost of the paper itself, and it What is the amount that can be made, and at the same time, I want to know the cost or price of the existing paper cup because I want to compared with the existing products, we also find the price of different paper cups, but because the selling price is 0.5-1 Taiwan dollar, I don’t know what kind of price is more suitable as a reference.)<br>
+
    background-position: top;
−
Bobsen: His gsm is 210g, a kilogram is about 31 yuan now. *gsm = one meter * one meter of paper, the weight of the scale.<br><br>
+
    background-repeat: no-repeat;
−
4. I would like to ask if PE has other substances to be upgraded (mainly want to understand whether it needs to affect viscosity, transparency, hardness, flexibility, etc.).<br>
+
    background-size: 110% auto;
−
Bobsen: The cost of 205cc paper cups on the market is about 0.38~0.4 Taiwan dollar.<br><br>
+
    z-index: 70;
−
p.s. Polyethylene can be used normally without adding other substances.
+
}
−
</div>
+
−
<p class="description">Corporate Visit Notes:</p>
+
−
<div class="flip"><span class="2">Click Here</span></div>
+
−
<div class="panel">1. Briefly describe the production process<br>
+
−
    The logs are bleached after cooking, the paper machine is dehydrated and chemicals are added (for food grades). Many wood sapwoods are used to make paper. The PE plastic particles are heated to form a waterfall-like plastic coating that adheres to the paper.<br><br>
+
  
−
2. Lignin must pay attention to the bonding effect<br>
+
.photoDemonstration {
−
    Whether lignin fills the pores of the paper and binds more tightly. If the lignin is not completely bonded to the paper, it will fall off easily. It is called pseudo-bonding in the paper industry.<br><br>
+
    background-image: url("https://static.igem.org/mediawiki/2018/1/1b/T--CCU_Taiwan--CCUDemonstrationphoto1.jpg");
 +
    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;
 +
}
 +
.photo {
 +
    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;
 +
}
 +
.photo {
 +
    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;
 +
}
 +
.photo {
 +
    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;
 +
}
 +
.photo {
 +
    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;
 +
}
  
−
3. The positioning of Bosen Paper in the industry<br>
+
.backgroundAboutUs {
−
    Bosson Paper is responsible for producing coated paper and assisting downstream manufacturers in creating creases on paper. The downstream manufacturers have shaped the paper into tableware.<br><br>
+
width:100%;
 +
height: 100%;
 +
background-color:#55c97e;
 +
font: inherit!important;
 +
text-decoration-color:#55c97e;
 +
}
  
−
4. Paper cup<br>
+
.backgroundProject {
−
    The paper cup is composed of a fan blade and a cup bottom. The production process is to cut the fan piece and the bottom of the cup first, and then make the roll mouth of the cup after bonding. The question facing this lignin is: Is there flexibility?
+
width:100%;
−
Taiwan's SGS testing standards are high. If Taiwan can pass, marketing is not a problem. It takes 7 working days to send the inspection items. There is a test studio in Kaohsiung, which can be sent directly. Chiayi also has an office.<br><br>
+
height: 100%;
 +
background-color:#74cf7e;
 +
font: inherit!important;
 +
text-decoration-color:#74cf7e;
 +
}
  
−
6. Laminating method<br>
+
.backgroundParts {
−
    The process is as follows: plastic particles → rotary extrusion / waterfall coating → direct coating on paper. Among the things that plastic particles must pay attention to are:<br>
+
width:100%;
−
  (1) The heating rod will heat up to 340-350 degrees<br>
+
height: 100%;
−
  (2) Humidity will affect production, especially at high yields.<br>
+
background-color:#92cd7e;
−
  (3) When the original film is ejected, the thickness of the two sides will be thicker, and the temperature will be used to regulate<br>
+
font: inherit!important;
−
  (4) If the tension of the coating is not enough, the membrane will be broken, and the temperature will be used to regulate<br>
+
text-decoration-color:#92cd7e;
−
Summary: Temperature and humidity affect the production process<br>
+
}
−
      In the other process, a rubber roller is used.<br><br>
+
  
−
7. Coating thickness<br>
+
.backgroundModeling {
−
    Because it will be laminated during the production process, the thickness will not be estimated, so<br>
+
width:100%;
−
The film is not defined by the thickness, but the "gram weight" is used. The weight is a few grams per square meter. The general coated paper is about 13-15 grams.<br><br>
+
height: 100%;
 +
background-color:#c8a77e;
 +
font: inherit!important;
 +
text-decoration-color:#c8a77e;
 +
}
  
−
8. Tableware<br>
+
.backgroundDrylab {
−
    All the bonding points of the tableware are made of PE as an adhesive.<br><br>
+
width:100%;
 +
height: 100%;
 +
background-color:#a6ca7e; 
 +
font: inherit!important;
 +
text-decoration-color:#a6ca7e; 
 +
}
  
−
9. Double-sided coating<br>
+
.backgroundHP {
−
    Domestic paper cups are coated on both sides. Foreign countries are mostly single-sided<br>
+
width:100%;
−
Because of this, the classification habits and drinks are different.<br><br>
+
height: 100%;
 +
background-color:#bec37e; 
 +
font: inherit!important;
 +
text-decoration-color:#bec37e;
 +
}
  
−
10. Elasticity, tension<br>
+
.backgroundNotebook {
−
    When the paper is rolled up, the lignin can still bond and test the elasticity of the lignin. And the machine has many axles, and the elasticity is important.<br><br>
+
width:100%;
 +
height: 100%;
 +
background-color:#d1c17e;
 +
font: inherit!important;
 +
text-decoration-color:#d1c17e;
 +
}
  
−
11. The disadvantages of PLA<br>
+
header{
−
(1) The molding speed cannot be too fast<br>
+
margin:0 auto;
−
(2) PLA and paper are difficult to bond, so most of them are pure plastic cups.<br><br>
+
top:2vh;
 +
width:100%;
 +
position: fixed;
 +
z-index:6;
 +
}
  
−
12. Process solution<br>
+
header a {
−
    The contact with oyster sauce (food grade) is intended to protect the paper. The paper will rub against the machine during the process. The sputum can prevent the PE coating from being scratched or damaged.<br><br>
+
text-decoration:none!important;
 +
}
  
−
13.PE can not use nozzle<br>
+
nav {
−
    PE can not use the nozzle because of the viscosity, the nozzle needs a small amount of raw materials, and the greaseproof paper can use the nozzle.<br><br>
+
  margin:0;
 +
padding:0;
 +
height:7vh;
 +
width: 100%;
 +
background:#41ce6f;
 +
        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;
 +
}
  
−
14. Cooling<br>
+
.img_title {
−
    The large water wheel is cooled and directly cooled in contact with the PE coating layer.<br><br>
+
height:4vh;
 +
padding-right: 1vw;
 +
}
  
−
15. Corona treatment<br>
 
−
    The paper will be corona treated first, and the pores will be made on the surface to make the PE film easier to bond. Corona, high frequency discharge, tip discharge. Flame treatment has the same effect. In the case of microwaves, resonance occurs and the PE is dissolved. It is not recommended (the power is different).<br><br>
 
  
−
16. Capacity<br>
+
.sub {
−
    Slitting machine: 300M/min<br>
+
display: none;
−
    Laminating machine: 330-340 degrees, maximum power 160M/min<br>
+
position:absolute;
−
    Printing machine: 150-200 degrees<br><br>
+
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;
 +
}
  
−
17. Other<br>
+
#sub_home{
−
    PE has a melting point of 108 degrees and is heated to 340 degrees to control the flow rate.<br>
+
height:32.5vh;
 +
        background:#55c97e;
 +
}
  
−
</div>
+
#sub_project{
−
<hr>
+
height:40.5vh;
−
<p class="second">Chung Hwa Pulp Corporation:</p>
+
        background:#74cf7e;
−
<p class="description">&emsp;&emsp;Chung Hwa Pulp Corporation provided us simple paper pulping and making process, they also answered the raw materials of paper and the black liquor. In addition, they recommended that we can ask experts from ITRI (Industrial Technology Research Institute) and professors at Chung-Hsing University for more questions about the characteristics of paper container raw materials. <br><br>
+
}
−
Following are questions we had asked:<br>
+
−
1. What’s the raw material you use to produce paper?<br>
+
−
2. We knew that “black liquor” would be produced during the procedure of paper manufacturing. What’s the percentage of lignin in black liquor? Is there a technology for recovering lignin or is there any other manufacturers recycling and purifying the black liquor?<br>
+
−
3. Would it have any influence on paper recycling if the paper is doped with lignin?<br><br>
+
  
−
The answers they gave us:<br>
+
#sub_parts{
−
1. The raw material of the paper comes from the pulp, which consists of cellulose and hemicellulose separated from the wood chips.<br>
+
height:24.5vh;
−
2. The black liquor is produced after the wood chips are cooked, so the black liquor component is lignin. Black liquor will be concentrated and used as a biomass fuel to provide the energy needed for production.<br>
+
        background:#92cd7e;
−
3. You can find paper quality and technology in the relevant literature.<br>
+
}
−
The process of pulping and papermaking is described as follows:<br>
+
−
1. The process of pulping:<br>
+
−
The main raw material of the paper is wood pulp, which is made by peeling and slicing the logs. The principle is to separate the wood chips from the pulp fibers by mechanical or chemical methods, and then the fibers are pulped, bleached and dried to make pulp or pulp board.<br><br>
+
−
→ Cooking: Digestion is also called cooking. The purpose is to dissolve the lignin in the wood chips by using chemicals and under high-temperature cooking conditions to dissociate the fibers.<br>
+
−
→ Bleaching: The color of the pulp after cooking is generally tawny, which is mostly used in packaging kraft. For high grade paper, the color needs to be white, so that the printed pictures and texts are vivid. In order to improve the whiteness of the pulp, it must be bleached.<br><br>
+
−
2. The process of papermaking:
+
−
The process of paper producing is made of wood pulp or paperboard, through pulping, beating, batching, cleaning, screening, molding, dehydration and drying, then the products can be used for household paper and high-grade cultural paper. If recycled paper is used as the raw material, the process must go through deinking, which is mention to remove the printing ink and impurities on the surface of the recycled paper, process it into recycled pulp and then produce the product through the papermaking process, such products are mostly used for photocopying papers, newspapers, general culture printing paper and cardboard.<br>
+
−
</p>
+
−
<hr>
+
−
<p class="description">ITRI (Industrial Technology Research Institute):<br>
+
−
Through the introduction of Chung Hwa Pulp Corporation, we found ITRI. Dr. Hsieh is an expert specializing in the field of lignin. Since LIGGREEN is a new product similar to lignin, we would like to benefit from Dr. Hsieh, hoping to understand more about the characteristics that LIGGREEN may need or avoid during processing.<br>
+
−
Besides Dr. Hsieh, we also asked Dr. Huang and Dr. Hsu to know the direction of LIGGREEN's future development and cater to market needs.<br><br>
+
−
Following are some questions that we had asked Dr. Hsieh:<br>
+
−
1. We have found that there are three kinds of bonds between G monolignols - β-5, β-O-4, β-β, and β-O-4 is the preferred bond with a ratio of up to 50% in the literature. We want to know that if the information we found is correct. We will use UV spectra to observe these bonds to determine its structure, and we also hope to find these bonds.<br>
+
−
Dr. Hsieh: Yes, the cleavage of lignin is also broken from this place.<br><br>
+
−
2. Monolignol is colorless, yet the lignin is brown. How could we explain the differences on color between these two objects? Is there any way to change the color for lignin? According to the literature, we knew that when lignin is exposed to sunshine, the color will fade, as well as the structure of lignin become fragile.<br>
+
−
Dr. Hsieh: I am afraid that I cannot give you more information that how to get the color of lignin. What I can say is that the color of lignin is mainly due to the structure of phenol. In some applications, it is very important not to have color, such as the paper cup you want to use. As for the paint inside the can, the color considerations are relatively small. We had tried to remove the color of lignin, the idea is how to make the structure of phenol disappear. Of course, if you have a way to synthesize lignin, and there is no color, it is also a breakthrough, but the problem is that you have to think about how to judge the structure of your synthesis is lignin? The other is why you should deliberately synthetic lignin? Lignin is attracting attention because it is a material that is readily available in nature, and the amount is huge. The focus is on things that were previously considered as no value. There is a concept of waste utilization, then your team have to think about what is the meaning of deliberately synthesizing lignin? Is color, structurally simple, or is other disadvantages of synthetic lignin without natural lignin? I think you should think twice.<br><br>
+
−
3. The data we have found in the literature now indicate the melting point, density, chemical properties and physical properties of the purified lignin, but these properties will vary due to the large number of lignin species. We want to ask if Doctor can provide the nature of the lignin that you have searched? (Reaction in elastic, acidic solution, etc.) Then we can make the experiment process more smooth.<br>
+
−
Dr. Hsieh: This depends entirely on the source of your lignin. The structure and characteristics of lignin are affected by the species, origin, season, and even the process conditions obtained. This means that if you took an A-source lignin for experimentation and application development, after finding the optimum conditions, however, such conditions have the opportunity not to apply to the B-source of lignin. Of course, if you can develop synthetic lignin may solve this problem.<br><br>
+
−
4. In general pulp and paper manufacturing, NaOH (high-concentration sodium hydroxide) is added to separate lignin from cellulose, and the mixed solution under washing is called black liquor. In the literature, the change of bonding of lignin after the addition of sodium hydroxide makes the proportion of G monolignaols relatively higher. I would like to ask, if we add the enzyme peroxidase16 to black liquor (using the chemical side to adjust the PH to 4-5 and filter, do not destroy the environment of the enzyme), whether it can make the bond that was originally broken by the strong base link again?<br>
+
−
Dr. Hsieh: I cannot answer this question because I am not this doctor of bacteria searching. There is one thing I want to remind you that is that the composition in the black liquor is quite complicated (the compound produced by hemicellulose cracking), so you have to test whether such an enzyme can live in black liquor, and whether the activity will decrease.<br><br>
+
−
5. About the decomposition, we will use Bacillus sp bacteria to decompose lignin in a biodegradable way. If it is a G monolignol polymer, whether this part is feasible?<br>
+
−
Dr. Hsieh: I am sorry that this has exceeded my field, so I cannot give you a better answer.<br><br>
+
−
6. Is lignin in black liquor highly polymerized or small molecule fragments polymerized?<br>
+
−
Dr. Hsieh: The lignin in the black liquor is the lignin of the wood. As you had mentioned above, in the papermaking process, only the strong alkali is used to dissolve the lignin and hemicellulose in the cellulose, and the hemicellulose will deteriorate, but lignin does not degrade into oligomers or even small molecules (chemical processes require further high temperature and pressure to further degrade lignin).<br><br>
+
−
7. If we remove the suspended solids, organic pollutants and toxic substances from black liquor, then add the enzyme Laccase to the black liquor, will it decompose the already polymerized lignin?<br>
+
−
Dr. Hsieh: I checked that Laccase can break down lignin, but I don't know the environment and conditions of decomposition.<br><br>
+
  
 +
#sub_modeling{
 +
height:24.5vh;
 +
        background:#c8a77e;
 +
}
  
−
Dr. SHU – CHUAN HUANG:<br>
+
#sub_drylab{
−
She recommended that the coverage of the material should be very good. In addition, she recommended that we should refer to the isoo/astm standard, D6400, or the plastic center. Then, she recommended that we should cut the material into small pieces, carry out industrial composting, and detect the decomposition ratio.<br><br>
+
height:24.5vh;
 +
        background:#a6ca7e;
 +
}
  
−
Dr. SU（Green Energy and Environment Research Laboratories）<br>
+
#sub_human_practice{
−
He suggested us to make sure that our product is waterproof, and the weight will not exceed the paper cups in market too much.<br>
+
height:40.5vh;
−
</p>
+
        background:#bec37e;
−
<hr>
+
}
−
+
−
<p class="description">CEO of THEFREEN BURGER：<br>
+
−
&emsp;&emsp;He provides us with more thinking and how to conduct market analysis to better develop LIGGREEN. He also reminded us to investigate the status of similar industries in the existing market, in order to better construct the business model and strengthen the link between LOGGREEN and society.<br><br>
+
  
−
Feedback:<br><br>
+
#sub_notebook{
−
&emsp;&emsp;Did you finally mention whether I want to use it? There are two sections. First, the product itself, from a sustainable perspective, is definitely the targets we will be looking forward to in the future. From the practical side, the unit price of 2.5oz $6.5 is far higher than many general paper cups! In Taiwan's catering market, there is a general trend of price orientation. Everyone knows that they should pursue value, but when they return to the basic relationship between supply and demand, they seem to be in a difficult situation.<br>
+
height:40.5vh;
 +
        background:#d1c17e;
 +
}
  
−
&emsp;&emsp;You are still in the research and development stage, and the cost is certainly not the primary consideration now. This is very reasonable, but what about the relevant future planning? A sweet price point? A sweet production scale? Can Taiwan’s market be rationally expected within a certain period of time? Or is there a chance to switch to foreign market such as Hong Kong or Tokyo and whether the unit price can be perfectly supported?<br>
+
.sub a {
 +
  color: #F5F5F5;
 +
}
  
−
&emsp;&emsp;Recently, I saw several interesting news. The French agent of Sunrise Tea Tai brought this Taiwanese brand into the Louvre, and even a cup of bubble milk tea sold for more expensive than a cup of Starbucks! Such a market or brand demand may also be another consideration that can be written into your script. The opinions on the Internet (of course, both positive and negative are very important) Perhaps it is also possible to add a reference.<br>
+
.sub li {
 +
float:none;
 +
margin: auto;
 +
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:#61987e;
 +
transition: 500ms;
 +
border-radius: 3px;
 +
}
  
−
&emsp;&emsp;Regarding the government's subsidy policy, some aspects may need to be clarified in this regard. In addition, it is important to understand the market conditions (because our current overall usage and production requirements are not objective, it is recommended that you can refer to the relevant objective price of the relevant package), but how to use the experimental stage and future commercial Properly linked, it is also the key to thinking. As in the other countries' catering pricing and market logic in the letter, how is more likely to accept newer technology trends, or to increase the feasibility of acceptance. Observe and think carefully, it is necessary to learn the key advantages.<br>
+
.list {
−
</p>
+
    -webkit-animation: fadein 2s;
−
<hr>
+
}
−
<p class="description">Taiwan Recycle Tour<br><br>
+
.list:hover {
−
Wu, Meng-Erh Deputy Executive Secretary ：<br>
+
background-color:#000;
−
He recommended that our products may need to consider the shelf life and the rate of pulping. And he mentioned that the government used the method of Administrative guidance and Subsidy incentive to try to improve the recovery yield. <br>
+
transition: 500ms;
−
However, some misunderstandings in the process led to false positives in the news, causing the public to throw paper containers into general garbage disposal.<br>
+
}
−
</p>
+
−
<hr>
+
−
<p class="description">Professor Shu:<br> <br>
+
−
He told us the truth of recycling in Taiwan, he also told us our product would not influence the paper recycled system because the amount of our LIGGREEN is very low and we do not need to set a recycled spot of LIGGREEN cups.<br>
+
−
</p>
+
−
<hr>
+
−
<p class="description">Paper Carton Alliance (PCA)：<br> <br>
+
−
We asked some questions for their exhibition. They supplied us the data reference and defined what the paper containers are.<br>
+
−
</p>
+
−
<hr>
+
−
<p class="description">Chung-Hsing University<br> <br>
+
−
Professor Yuan-Shing Perng: He helped us test whether the paper laminated with LIGGREEN can be separated into paper pulping and LIGGREEN. In the interview with professor Perng, he confirmed that a small amount of lignin mixed into the ordinary pulp will not affect the paper remaking process, maybe LIGGREEN can be separated, too. He taught us to operate the pulper, after 200 seconds of pulping and beating, LIGGREEN and the paper were indeed separated. This proved that LIGGREEN would not harm in the pulp recycling system.<br><br>
+
−
Professor Wen-Jau Lee: He told us that in the reaction forming LIGGREEN from monolignols bonding to oligomers, there are some bonding nodes would act. He suggested that the oligomers we produced were preferably two-dimensional chain systems, not three-dimensional, to have thermoplastic properties.<br>
+
−
</p>
+
−
<hr>
+
−
<p class="description">Lian-Tai:<br> <br>
+
−
Lian-Tai is the only manufacturer in Taiwan that can separate paper from plastic lining. He helped us understand Taiwan's current recycling environment and recycling issues, you can refer to more details in iHP.
+
−
</p>
+
−
      </div>
+
−
</div>
+
−
</body>
+
  
  
−
<footer class="footer">
+
.indicator {
−
            <a href="http://huitong.com.tw">
+
z-index:1;
−
              <img  id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom">
+
position: fixed;
−
            </a>
+
top:18vh;
 +
font-family: 'CCUfontsBold', Arial, sans-serif;
 +
        font-size: 18px;
 +
        display: none;
 +
}
  
−
            <a href="https://www.facebook.com/ccuigemteam/?ref=br_rs">
+
.pointerAboutUs {
−
            <img id="CCUTEAMlogo" src="https://static.igem.org/mediawiki/2018/e/e3/T--CCU_Taiwan--CCUP2.png" align="bottom">
+
width:18vw;
−
            </a>
+
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;
 +
}
  
−
            <a href="http://ewww.ccu.edu.tw/">
+
.pointerProject {
−
            <img id="CCUlogo" src="https://static.igem.org/mediawiki/2018/8/89/T--CCU_Taiwan--CCUP3.png" align="bottom">
+
width:18vw;
−
            </a>
+
height:10vh;
−
</footer>
+
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:#c8a77e;
 +
  -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:#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;
 +
}
 +
 +
.pointerHP  {
 +
width:18vw;
 +
height:10vh;
 +
        background:#bec37e!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:#d1c17e;
 +
  -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;
 +
}
 +
 +
.pointerModeling: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;
 +
}
 +
.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: 5px;
 +
color:black;
 +
        position: relative;
 +
z-index:1;
 +
text-decoration: none;
 +
}
 +
.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: #000;
 +
  z-index: 3;
 +
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
 +
  text-decoration: underline;
 +
}
 +
.second {
 +
  font-size: 28px!important;
 +
  color: #000;
 +
        font-family: 'CCUfontsBold', Arial, sans-serif!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 {
 +
      padding-right: 6vw;
 +
      color: #3D3D3D;
 +
      line-height: 1.6!important;
 +
      word-spacing: normal!important;
 +
      font-size: 14px!important;
 +
      font-weight: bold;
 +
      padding-left: 1vw!important;
 +
}
 +
 +
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);
 +
}
 +
.sub hr {
 +
position:absolute;
 +
border: 0;
 +
    height: 2px;
 +
width: 10%;
 +
top:15vh;
 +
left:13.5vw;
 +
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
 +
transform:rotate(90deg);
 +
    -o-transform:rotate(90deg);
 +
    -moz-transform:rotate(90deg);
 +
    -webkit-transform:rotate(90deg);
 +
    -webkit-animation: fadein 2s;
 +
}
 +
 +
.IPli {
 +
font-size:15px!important;
 +
}
 +
 +
.footer {
 +
    height: 110px;
 +
    background-color: #333F50;
 +
}
 +
 +
#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: 28vw!important;
 +
}
 +
 +
.content .table {
 +
        width:64vw;
 +
        margin-left: 28vw!important;
 +
font-size: 18px!important;
 +
}
 +
 +
.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: 50%;
 +
    left: 30px;
 +
    padding: 20px;
 +
    width: 80%;
 +
}
 +
 +
.structuregraph .Polymer {
 +
    position: absolute;
 +
    top: 62%;
 +
    padding-left: 200px;
 +
    width: 50%;
 +
 +
}
 +
 +
.structuregraph .HP {
 +
    position: absolute;
 +
    top: 84%;
 +
    left: 20px;
 +
    padding: 20px;
 +
    width: 50%;
 +
}
 +
.flip {margin-left:20vw; padding:5px; background:#E09697;cursor:pointer;font-family:'Arial'; width:50vw;}
 +
.panel {margin-left:20vw; padding:5px; background:#e5eecc;border:solid 1px #c3c3c3;display:none;font-family:'Arial'; width:50vw;}
 +
</style>
 
</html>
 
</html>

Revision as of 07:39, 15 October 2018