Difference between revisions of "Team:SHSBNU China/InterLab"

Line 1: Line 1:
−
<html lang="zh-CN">
+
#top_title {
−
<head>
+
display: none;
−
    <title>Section Sample</title>
+
visibility: hidden;
−
</head>
+
}
  
−
<body>
+
#mw-body {
−
    <link id="Sec_CSS" rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SHSBNU_China/Sample_css?action=raw&ctype=text/css" />
+
background-color: transparent;
−
    <script src="https://2018.igem.org/Template:SHSBNU_China/Sample_js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
}
−
    <div id="main_main">
+
−
<section id="main">
+
−
<header id="page_header">
+
−
<div id="header_classification">
+
−
<div id="home_button">
+
−
<a style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China">
+
−
<img style="height:100%; width:100%;" src="https://static.igem.org/mediawiki/2018/4/48/T--SHSBNU_China--Home_Button.png"/>
+
−
</a>
+
−
</div>
+
  
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcova()" onmouseout="fcoua()" id="fc_Project"><!--Project-->
+
#top_manu_14 {
−
<div class="fc_box">
+
width: 100vw;
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Project">
+
}
−
<h4 class="fc_content">Project</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcovb()" onmouseout="fcoub()" id="fc_Experiment"><!--Experiment-->
+
−
<div class="fc_box">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Experiments">
+
−
<h4 class="fc_content">Experiment</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcovc()" onmouseout="fcouc()" id="fc_Model"><!--Model-->
+
−
<div class="fc_box">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Model">
+
−
<h4 class="fc_content">Model</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcovd()" onmouseout="fcoud()" id="fc_Human Practice"><!--Human Practice-->
+
−
<div class="fc_box">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Human Practices">
+
−
<h4 class="fc_content">Human Practice</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcove()" onmouseout="fcoue()" id="fc_Demonstrate"><!--Demonstrate-->
+
−
<div class="fc_box">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Demonstrate">
+
−
<h4 class="fc_content">Demonstrate</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcovf()" onmouseout="fcouf()" id="fc_Safety"><!--Safety-->
+
−
<div class="fc_box">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Safety">
+
−
<h4 class="fc_content">Safety</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcovg()" onmouseout="fcoug()" id="fc_Attribution"><!--Attribution-->
+
−
<div class="fc_box">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Attributions">
+
−
<h4 class="fc_content">Attribution</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div style="height:5vw; padding: 0vw; align-self: center; vertical-align: middle; display: table; line-height: 3vw;" class="first_classfication" onmouseover="fcovh()" onmouseout="fcouh()" id="fc_Team"><!--Team-->
+
−
<div style="height: 2.8vw; display: table-cell; vertical-align: middle">
+
−
<a class="fc_link" style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China/Team">
+
−
<h4 style="padding-right: 0.30vw">Team</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div id="header_title">
+
#content {
−
<a href="https://2018.igem.org/Team:SHSBNU_China">
+
width: 100vw;
−
<img id="title_pic" src="https://static.igem.org/mediawiki/2018/2/23/T--SHSBNU_China--Title.jpeg"/>
+
background-color: transparent;
−
</a>
+
padding: 0;
−
</div>
+
margin: 0;
−
</header>
+
line-height: normal;
 +
}
  
−
<div id="menu">
+
#main {
−
<p style="font-family: Serif;font-size: 3.5vw; font-weight: bold;text-align: center;margin: 0.5vw 0vw 0.5vw 0vw">Sample</p>
+
width: 80vw;
−
<div class="second_classfication">
+
margin-left: auto;
−
<a class="snd_class" href="">SHSBNU_China</a>
+
margin-right: auto;
−
</div>
+
}
−
<div class="third_classfication">
+
−
<a class="trd_class" href="">classfication</a>
+
−
</div>
+
  
−
<div class="second_classfication">
+
#page_header {
−
<a class="snd_class" href="">SHSBNU_China</a>
+
width: 80vw;
−
</div>
+
height: 20vw;
−
<div class="third_classfication">
+
}
−
<a class="trd_class" href="">classfication</a>
+
−
</div>
+
−
<div id="menu_blank">
+
−
</div>
+
−
</div>
+
  
−
<div id="articles">
+
#header_classification {
−
<div id="sec_title">
+
width: 80vw;
−
<h1>InterLab</h1>
+
height: 5vw;
−
</div>
+
margin-bottom: 2vw;
 +
background-color: #606060;
 +
}
  
−
<div id="sec_content">
+
#home_button {
−
<h2>I. Background</h2>
+
width: 5vw;
−
<div class="content">
+
height: 5vw;
−
<p class="text">
+
float: left;
−
“All of 2018 iGEM teams are invited and encouraged to participate in the Fifth International InterLaboratory Measurement Study in synthetic biology.” Our team took part in this study which is aimed to figure out and correct the sources of systematic variability in synthetic biology measurements. The main task was to quantify expression of GFP in common, comparable or absolute units. In our case, we measured fluorescence using plate reader.
+
padding-right: 0.30vw;
−
</p>
+
background-color: #606060;/*
−
</div>
+
border-right-style: solid;
 +
border-right-width: 0.1vw;
 +
border-right-color: ivory;*/
 +
}
 +
/*
 +
#fc_Team {
 +
padding-right: 0.30vw;
 +
}
 +
*/
 +
#header_title {
 +
width: 80vw;
 +
height: 10vw;
 +
margin-bottom: 3vw;
 +
}
  
−
<h2>II. Design</h2>
+
#title_pic {
−
<div class="content">
+
width: 100%;
−
<p class="text">
+
height: 100%;
−
Fluorescence is widely used as a proxy for promoter activity by expressing fluorescent proteins such as green fluorescent protein (GFP). Despite this is an indirect measurement, it provides a useful insight into expression levels and has significant advantage that it could be a real-time monitor without disrupting cells.
+
}
−
</p>
+
−
<p class="text">
+
−
Fluorescence/OD600 is routinely used to give an adjustment of the relative expression per cell.
+
−
</p>
+
−
</div>
+
  
−
<h2>III. Material and Methods</h2>
+
#menu {
−
<h3>a. Plasmids Used</h3>
+
width: 25vw;
−
<div class="content">
+
height: auto;
−
<table bgcolor="#f0f0f0" cellspacing="1px">
+
padding-top: 0.5vw;
 +
margin-right: 5vw;
 +
float: left;
 +
background-color: #FFFFFF;
 +
opacity: 0.90;
 +
}
  
−
<tr bgcolor="#f0f0f0">
+
#menu_blank {
−
<td>Negative control</td>
+
height: 3vw;
−
<td>BBa_R0040</td>
+
width: 25vw;
−
<td>(provided in kit plate)</td>
+
}
−
</tr>
+
  
−
<tr bgcolor="#f0f0f0">
+
#articles {
−
<td>Positive control</td>
+
width: 50vw;
−
<td>BBa_I20270</td>
+
height: auto;
−
<td>(provided in kit plate)</td>
+
float: right;
−
</tr>
+
background-color: #FFFFFF;
 +
}
  
−
<tr bgcolor="#f0f0f0">
+
#sec_title {
−
<td>Test Device 1</td>
+
margin-left: 4vw;
−
<td>BBa_J364000</td>
+
margin-right: 4vw;
−
<td>(provided in kit plate)</td>
+
border-bottom-style: solid;
−
</tr>
+
border-bottom-width: 0.1vw;
 +
border-bottom-color: #202020;
 +
text-align: center;
 +
}
  
−
<tr bgcolor="#f0f0f0">
+
#footer {
−
<td>Test Device 2</td>
+
height: 3vw;
−
<td>BBa_J364001</td>
+
width: 42vw;
−
<td>(provided in kit plate)</td>
+
padding: 1vw 0vw 1vw 0vw;
−
</tr>
+
margin: 0 4vw 0 4vw;
 +
display: table;
 +
border-top-style: solid;
 +
border-top-color: #888888;
 +
border-top-width: 0.1vw
 +
}
  
−
<tr bgcolor="#f0f0f0">
+
#HQ_page p {
−
<td>Test Device 3</td>
+
    font-family: inherit;
−
<td>BBa_J36400</td>
+
    font-size: 1vw;
−
<td>(provided in kit plate)</td>
+
    text-align: inherit;
−
</tr>
+
}
  
−
<tr bgcolor="#f0f0f0">
+
#sec_content {
−
<td>Test Device 4</td>
+
padding-left: 4vw;
−
<td>BBa_J364007</td>
+
padding-right: 4vw;
−
<td>(provided in kit plate)</td>
+
}
−
</tr>
+
  
−
<tr bgcolor="#f0f0f0">
+
.first_classfication{
−
<td>Test Device 5</td>
+
height: 5vw;
−
<td>BBa_J364008</td>
+
float: left;
−
<td>(provided in kit plate)</td>
+
padding: 0vw;
−
</tr>
+
display: table;
 +
background-color: #606060;/*
 +
border-right-style: solid;
 +
border-right-width: 0.1vw;
 +
border-right-color: ivory;*/
 +
}
  
−
<tr bgcolor="#f0f0f0">
+
.fc_box{
−
<td>Test Device 6</td>
+
height: 2.5vw;
−
<td>BBa_J364009</td>
+
border-right-style: solid;
−
<td>(provided in kit plate)</td>
+
border-right-width: 0.1vw;
−
</tr>
+
border-right-color: ivory;
−
</table>
+
vertical-align: middle;
−
</div>
+
padding-bottom: 0vw;
−
<h3>b. Strain used</h3>
+
display: table-cell;
−
<div class="content">
+
line-height: 3vw;
−
<li class="content_list">Competent cells (Escherichia coli strain DH5α)</li>
+
}
−
<li class="content_list">1x PBS</li>
+
−
<li class="content_list">ddH2O</li>
+
−
<li class="content_list">LB media</li>
+
−
<li class="content_list">Chloramphenicol</li>
+
−
<li class="content_list">50 ml Falcon tube</li>
+
−
<li class="content_list">1.5 ml Eppendorf tubes</li>
+
−
<li class="content_list">Ice bucket with ice</li>
+
−
<li class="content_list">Micropipettes</li>
+
−
<li class="content_list">Micropipette tips</li>
+
−
<li class="content_list">96 well plates, black with clear flat bottom preferred</li>
+
−
<li class="content_list">LUDOX CL-X (provided in kit)</li>
+
−
<li class="content_list">Fluorescein sodium salt (provided in kit)</li>
+
−
<li class="content_list">Silica Beads (Provided in kit)</li>
+
−
</div>
+
−
<h3>c. Machines</h3>
+
−
<div class="content">
+
−
<p class="text">
+
−
Spectrophotometer: Thermo scientific Varioskan Flash
+
−
</p>
+
−
</div>
+
−
<h3>d. Software</h3>
+
−
<div class="content">
+
−
<p class="text">
+
−
Microsoft Excel 2016
+
−
</p>
+
−
</div>
+
−
<h3>f. Results</h3>
+
−
<h5 class="forth_classification">
+
−
OD600 Reference Point
+
−
</h5>
+
−
<div class="content">
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29400" src="https://static.igem.org/mediawiki/2018/8/8f/T--SHSBNU_China--29400.png"/>
+
−
<p class="pic_text">Table 1. OD600 Reference Point.</p>
+
−
</div>
+
−
</div>
+
−
<h5 class="forth_classification">
+
−
Fluorescein Standard Curve
+
−
</h5>
+
−
<div class="content">
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29401" src="https://static.igem.org/mediawiki/2018/5/56/T--SHSBNU_China--29401.png"/>
+
−
<p class="pic_text">Table2. Original data of Fluorescein standard curve</p>
+
−
</div>
+
−
<div style="width: 35.9vw;:" class="content_pic_left">
+
−
<img class="pictures" id = "29402" src="https://static.igem.org/mediawiki/2018/7/71/T--SHSBNU_China--29402.png"/>
+
−
<p class="pic_text">Figure1. Fluorescein Standard Curve</p>
+
−
</div>
+
−
</div>
+
−
<h5 class="forth_classification">
+
−
Particle Standard Curve
+
−
</h5>
+
−
<div class="content">
+
−
<div style="width: 35.9vw;" class="content_pic_right">
+
−
<img class="pictures" id = "29404" src="https://static.igem.org/mediawiki/2018/2/2a/T--SHSBNU_China--29404.png"/>
+
−
<p class="pic_text">Figure 2. Particle Standard Curve.</p>
+
−
</div>
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29403" src="https://static.igem.org/mediawiki/2018/a/af/T--SHSBNU_China--29403.png"/>
+
−
<p class="pic_text">Table 3. Original data of Particle Standard Curve</p>
+
−
</div>
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29405" src="https://static.igem.org/mediawiki/2018/8/8c/T--SHSBNU_China--29405.png"/>
+
−
<p class="pic_text">Figure 3. Particle Standard Curve (log scale).</p>
+
−
</div>
+
−
</div>
+
−
<h5 class="forth_classification">
+
−
Cell measurement
+
−
</h5>
+
−
<div class="content">
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29406" src="https://static.igem.org/mediawiki/2018/8/8c/T--SHSBNU_China--29406.png"/>
+
−
<p class="pic_text">Table 4. Fluorescence Intensity of E.coli transformed with Device 1 to 6 and two control groups. Intensities was measured under OD600 using Plate Reader for 6 hours.</p>
+
−
</div>
+
−
<p class="text">
+
−
As shown in Table.4, the combination of RBS and promoter in Device exhibited the strongest fluorescent intensity in 6h. Among these six devices, Device 3 almost had no fluorescent intensity.
+
−
</p>
+
−
</div>
+
−
<h5 class="forth_classification">
+
−
Original data link:
+
−
</h5>
+
−
<div class="content">
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29407" src="https://static.igem.org/mediawiki/2018/2/24/T--SHSBNU_China--29407.png"/>
+
−
<p class="pic_text">Table 5. Bacterial concentration of E.coli transformed with Device1-6, Negative Control & Positive Control. Intensities were measured under OD600 using plate for 6 hours. </p>
+
−
</div>
+
−
<p class="text">
+
−
As shown in Table.5, except Device 1, the concentrations of E.coli transformed with another five devices were almost the same.
+
−
</p>
+
−
</div>
+
−
<h5 class="forth_classification">
+
−
Normalizing
+
−
</h5>
+
−
<div class="content">
+
−
<p class="text">
+
−
Counting colony-forming units
+
−
</p>
+
−
<div style="width: 35.9vw;" class="content_pic_left">
+
−
<img class="pictures" id = "29408" src="https://static.igem.org/mediawiki/2018/6/67/T--SHSBNU_China--29408.png"/>
+
−
<p class="pic_text">Figure 5. Counted by Promega Colony Counter, bacterial concentration of E.coli transformed with Positive Control & Negative Control. </p>
+
−
</div>
+
−
<p class="text">
+
−
As shown in Figure.5, bacterial colonies was counted in order to determine whether absolute cell count or colony-forming units (CFUs) can reduce lab-to-lab variability in fluorescence measurements.
+
−
</p>
+
−
<p class="text">
+
−
It is evident that the promoter of the Device 1 is strongest followed by the promoter of the Device 2 and Device 3. Additionally, CFUs cannot replace the lab measurement because bacterial colonies is so crowded that it is impossible to count precisely by Promega Colony Counter.
+
−
</p>
+
−
</div>
+
  
 +
.second_classfication{
 +
height: auto;
 +
margin-left: 3vw;
 +
margin-right: 3vw;
 +
/*
 +
color: #696969;*/
 +
font-family: 'Roman';
 +
padding-top: 0.5vw;
 +
border-top-style: solid;
 +
border-top-color: #1F1F1F;
 +
border-top-width: 0.1vw;
 +
}
  
 +
.content{
 +
margin-left: 4vw;
 +
}
  
−
<div class="content">
+
.third_classfication{
−
<p class="text">
+
height: auto;/*
−
This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. 
+
color: #808080;*/
−
</p>
+
margin-left: 3vw;
−
<div style="float:" class="content_pic_right">
+
margin-right: 3vw;
−
<img class="pictures" id = "" src=""/>
+
padding-left: 3vw;
−
<p class="pic_text">This is a Picture. This is a Picture. This is a Picture. This is a Picture.</p>
+
padding-top: 0.25vw;
−
</div>
+
font-family: 'Roman';
−
<p class="text">
+
}
−
This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. This is a Picture. 
+
 
−
</p>
+
.second_classfication:hover {
−
</div>
+
background-color: #1F1F1F;
−
</div>
+
opacity: 0.50;
−
<div id=footer>
+
}
−
<div style="display:table-cell;vertical-align:middle;">
+
 
−
<p style="font-size:1vw;font-family:'Times New Roman';font-style:italic;color:#666666">SHSBNU_China 2018, Created by Azir</p>
+
.third_classfication:hover {
−
</div>
+
background-color: #1F1F1F;
−
</div>
+
opacity: 0.50;
−
</div>
+
}
−
</section>
+
 
−
</div>
+
.snd_class{
−
</body>
+
margin-bottom: 0.5vw;
 +
font-family: Serif;
 +
font-weight: bold;
 +
font-size:1.8vw;
 +
margin-left: 0vw;
 +
}
 +
 
 +
.trd_class{
 +
margin-bottom: 0.25vw;
 +
color: #606060;
 +
font-family: Serif;
 +
font-weight: bold;
 +
font-size:1.3vw;
 +
margin-left: 0vw;
 +
}
 +
 
 +
.snd_class:hover{
 +
color: #FFFFFF;
 +
opacity: 1;
 +
}
 +
 
 +
.trd_class:hover{
 +
color: #FFFFFF;
 +
opacity: 1;
 +
}
 +
 
 +
.content_pic_left {
 +
border-style: solid;
 +
border-color: #707070;
 +
border-width: 0.25vw;
 +
width: 16vw;
 +
padding: 0.8vw;
 +
float: left;
 +
margin-right: 1vw;
 +
}
 +
 
 +
.content_pic_right {
 +
border-style: solid;
 +
border-color: #707070;
 +
border-width: 0.25vw;
 +
width: 16vw;
 +
padding: 0.8vw;
 +
float: right;
 +
margin-left: 1vw;
 +
}
 +
 
 +
.pictures {
 +
width: 100%;
 +
align-self: center;
 +
}
 +
 
 +
li .content_list{
 +
font-weight: bold;
 +
font-size: 0.5vw;
 +
line-height: 2vw;
 +
text-indent: 3vw;
 +
}
 +
 
 +
a {
 +
text-indent: 0;
 +
}
 +
 
 +
a.snd_class {
 +
text-decoration: none;
 +
color: #494949;
 +
}
 +
 
 +
a.trd_class {
 +
text-decoration: none;
 +
color: #606060;
 +
}
 +
 
 +
a.fc_link {
 +
vertical-align: middle;
 +
}
 +
 
 +
h1 {
 +
font-family: 'Times New Roman';
 +
font-size: 3vw;
 +
margin: 1vw 0vw 1vw 0vw;
 +
}
 +
 
 +
h2 {
 +
font-family: 'Times New Roman';
 +
font-size:2vw;
 +
}
 +
 
 +
h3 {
 +
font-weight: bold;
 +
margin-left: 2vw;
 +
}
 +
 
 +
p{
 +
line-height: normal;
 +
}
 +
 
 +
p.text {
 +
font-size: 0.5vw;
 +
line-height: 2vw;
 +
text-indent: 3vw;
 +
}
 +
 
 +
h5.forth_classification{
 +
font-size: 1.2vw;
 +
line-height: 2vw;
 +
text-indent: 0;
 +
margin-left: 4vw;
 +
float: left;
 +
width: 36vw;
 +
}
 +
p.pic_text {
 +
line-height: normal;
 +
color: #808080;
 +
font-size: 0.25vw;
 +
font-style: italic;
 +
}
 +
 
 +
#bodyContent h4{
 +
color: ivory;
 +
font-family: 'Times New Roman';
 +
font-size: 2vw;
 +
float: left;
 +
height: auto;
 +
margin-bottom: 0vw;
 +
margin: 0vw 0.3vw 0vw 0.3vw;
 +
padding: 0vw;
 +
vertical-align: middle;
 +
}
 +
 
 +
body {
 +
background-color:#87CEEB;
 +
}

Revision as of 17:56, 16 October 2018

  1. top_title {

display: none; visibility: hidden; }

  1. mw-body {

background-color: transparent; }

  1. top_manu_14 {

width: 100vw; }

  1. content {

width: 100vw; background-color: transparent; padding: 0; margin: 0; line-height: normal; }

  1. main {

width: 80vw; margin-left: auto; margin-right: auto; }

  1. page_header {

width: 80vw; height: 20vw; }

  1. header_classification {

width: 80vw; height: 5vw; margin-bottom: 2vw; background-color: #606060; }

  1. home_button {

width: 5vw; height: 5vw; float: left; padding-right: 0.30vw; background-color: #606060;/* border-right-style: solid; border-right-width: 0.1vw; border-right-color: ivory;*/ } /*

  1. fc_Team {

padding-right: 0.30vw; }

  • /
  1. header_title {

width: 80vw; height: 10vw; margin-bottom: 3vw; }

  1. title_pic {

width: 100%; height: 100%; }

  1. menu {

width: 25vw; height: auto; padding-top: 0.5vw; margin-right: 5vw; float: left; background-color: #FFFFFF; opacity: 0.90; }

  1. menu_blank {

height: 3vw; width: 25vw; }

  1. articles {

width: 50vw; height: auto; float: right; background-color: #FFFFFF; }

  1. sec_title {

margin-left: 4vw; margin-right: 4vw; border-bottom-style: solid; border-bottom-width: 0.1vw; border-bottom-color: #202020; text-align: center; }

  1. footer {

height: 3vw; width: 42vw; padding: 1vw 0vw 1vw 0vw; margin: 0 4vw 0 4vw; display: table; border-top-style: solid; border-top-color: #888888; border-top-width: 0.1vw }

  1. HQ_page p {
   font-family: inherit;
   font-size: 1vw;
   text-align: inherit;

}

  1. sec_content {

padding-left: 4vw; padding-right: 4vw; }

.first_classfication{ height: 5vw; float: left; padding: 0vw; display: table; background-color: #606060;/* border-right-style: solid; border-right-width: 0.1vw; border-right-color: ivory;*/ }

.fc_box{ height: 2.5vw; border-right-style: solid; border-right-width: 0.1vw; border-right-color: ivory; vertical-align: middle; padding-bottom: 0vw; display: table-cell; line-height: 3vw; }

.second_classfication{ height: auto; margin-left: 3vw; margin-right: 3vw; /* color: #696969;*/ font-family: 'Roman'; padding-top: 0.5vw; border-top-style: solid; border-top-color: #1F1F1F; border-top-width: 0.1vw; }

.content{ margin-left: 4vw; }

.third_classfication{ height: auto;/* color: #808080;*/ margin-left: 3vw; margin-right: 3vw; padding-left: 3vw; padding-top: 0.25vw; font-family: 'Roman'; }

.second_classfication:hover { background-color: #1F1F1F; opacity: 0.50; }

.third_classfication:hover { background-color: #1F1F1F; opacity: 0.50; }

.snd_class{ margin-bottom: 0.5vw; font-family: Serif; font-weight: bold; font-size:1.8vw; margin-left: 0vw; }

.trd_class{ margin-bottom: 0.25vw; color: #606060; font-family: Serif; font-weight: bold; font-size:1.3vw; margin-left: 0vw; }

.snd_class:hover{ color: #FFFFFF; opacity: 1; }

.trd_class:hover{ color: #FFFFFF; opacity: 1; }

.content_pic_left { border-style: solid; border-color: #707070; border-width: 0.25vw; width: 16vw; padding: 0.8vw; float: left; margin-right: 1vw; }

.content_pic_right { border-style: solid; border-color: #707070; border-width: 0.25vw; width: 16vw; padding: 0.8vw; float: right; margin-left: 1vw; }

.pictures { width: 100%; align-self: center; }

li .content_list{ font-weight: bold; font-size: 0.5vw; line-height: 2vw; text-indent: 3vw; }

a { text-indent: 0; }

a.snd_class { text-decoration: none; color: #494949; }

a.trd_class { text-decoration: none; color: #606060; }

a.fc_link { vertical-align: middle; }

h1 { font-family: 'Times New Roman'; font-size: 3vw; margin: 1vw 0vw 1vw 0vw; }

h2 { font-family: 'Times New Roman'; font-size:2vw; }

h3 { font-weight: bold; margin-left: 2vw; }

p{ line-height: normal; }

p.text { font-size: 0.5vw; line-height: 2vw; text-indent: 3vw; }

h5.forth_classification{ font-size: 1.2vw; line-height: 2vw; text-indent: 0; margin-left: 4vw; float: left; width: 36vw; } p.pic_text { line-height: normal; color: #808080; font-size: 0.25vw; font-style: italic; }

  1. bodyContent h4{

color: ivory; font-family: 'Times New Roman'; font-size: 2vw; float: left; height: auto; margin-bottom: 0vw; margin: 0vw 0.3vw 0vw 0.3vw; padding: 0vw; vertical-align: middle; }

body { background-color:#87CEEB; }