/*@font-face {
  font-family: 'gothic';
	src: url('../fonts/gothic/century_gothic.eot');
	src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothic/century_gothic.woff') format('woff'),
		url('../fonts/gothic/century_gothic.ttf') format('truetype'),
		url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
}*/

body {
    overflow: hidden;
    font-family: 'gothic';
    margin: 0px;
    font-size: 16px;
}

 #main_cont {
    height: 600px;
    width: 800px;
    background-color: #666666;
    border: 1px solid;
    position: relative;
}

#head
{
    position: relative;
    width: 100%;
    height: 30px;
    //background-color: #dcdcdc;
    //border: 1px solid;
    background-size: 100% 100%;
    background-image: url(../images/head_bg.png);
    background-repeat: repeat-x;
}

#container {
    position: relative;
    width: 90%;
    background-color: #666666;
    height: 559px;
    top: 4px;
//    border: 1px solid #909090;
//  background-size: 100% 100%;
//  background-image: url(../images/bg_img.png);
}

#title1
{
    position: relative;
    width: 99%;
    height: 25px;
    margin: 7px;
    color: aliceblue;
    font-family: sans-serif;
    font-size: 22px;    
}
#title2
{
    position: absolute;
    top:179px;
    width: 99%;
    height: 25px;
    margin: 7px;
    color: aliceblue;
    font-family: sans-serif;
    font-size: 22px;    
}

#hr_line1
{
    position:relative;
    width: 800px;
    height: 1px;
    background-color: #dcdcdc;
}

#hr_line2
{
    position:absolute;
    top:215px;
    width: 800px;
    height: 1px;
    background-color: #dcdcdc;
    
}

#rib_plot
{
    position: absolute;
    top: 47px;
    left: 54px;
    width: 783px;
    height: 101px;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-image: url(../images/rib_img.png);
}
.txt
{
    color: aliceblue;
    font-family: sans-serif;
    font-size: 16px;    
}
#subTitle_img1
{
    position: absolute;
    top: 150px;
    left: 314px;
    width: 190px;
    height: 30px;   
}

#line_plot
{
    position: absolute;
    top: 220px;
    left: 40px;
    width: 798px;
    height: 309px;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-image: url(../images/line_img.png);
    
}
/*#line_plot
{
    position: absolute;
    top: 220px;
    left: 40px;
    width: 798px;
    height: 309px;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    background-image: url(../images/line_img.png);
    
}*/

#subTitle_img2
{
    position: absolute;
    top: 513px;
    left: 330px;
}
#subTitle_img3
{
    position: absolute;
    top: 323px;
    left: 17px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);

}

.btn
{
    text-align: center;
    font-family: sans-serif;
    
    font-size: 11px;
   // padding: 4px 0px 0px 0px;
    
    position: absolute;
    padding-top: 4px;
    border-radius: 5px;
    border: 0px solid;
    background-image: url(../images/btn_bg.png);
    background-repeat: repeat-x;
    cursor: default;
}

.btn:hover
{
    border: 1px solid #009dff;
    margin-top:-1px; 
    margin-left:-1px; 
}

#btn_1
{
    width: 97px;
    height: 16px;
    top: 511px;
    left: 563px;  
}

#btn_2
{
        width: 68px;
    height: 15px;
    top: 511px;
    left: 670px;
}

#rib_div
{
    position: absolute;
    left: 58px;
    top:51px;
    width: 686px;
    height: 48px;    
    //border: 1px solid;
}

#line_div
{
    position: absolute;
    top: 221px;
    left: 57px;
    height: 252px;
    //border: 1px solid;
    width: 680px;
}


.rib
{
    float: left;
    width:5px;
    height: 50px;
   // border:1px solid;
        
}

.line
{
    position: absolute;
    left:-34px;
    width: 7px;
    height: 7px;
    /*border: 1px solid;*/
    border-radius: 8px;
    background-color: #b88539;
    opacity: 0.8;
    display:none;
}
.line1
{
    position: absolute;
    left:-34px;
    width: 7px;
    height: 7px;
    /*border: 1px solid;*/
    border-radius: 8px;
    background-color: #39b885;
    opacity: 0.5;
    display:none;
}

#mycanvas
{
    position: absolute;
    top: 221px;
    left: 57px;
    height: 252px;
    width: 680px;
   /*border:1px solid;*/
    display: none;
}
#fulldata_Canvas
{
    position: absolute;
    top: 221px;
    left: 57px;
    height: 252px;
    width: 680px;
    /*border:1px solid;*/
    display: none;
}
#no
{
    position: absolute;
        top: 76px;
    left: 48px;
     width:770px;
}
.no
{
    float: left;    
   
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;
    color: aliceblue;
   
    /*padding-top: 4px;
    border-radius: 5px;
    border: 0px solid;
    background-image: url(../images/btn_bg.png);
    background-repeat: repeat-x;
    cursor: default;*/
}

#no1,#line_no1
{
     width:100px;
}
#no2,#line_no2
{
     width:98px;
}
#no3,#line_no3
{
     width:97px;
}
#no4,#line_no4
{
     width:98px;
}
#no5,#line_no5
{
     width:99px;
}
#no6,#line_no6
{
     width:99px;
}
#no7,#line_no7
{
     width:99px;
}

#line_no
{
    position: absolute;
    top: 263px;
    left: 59px;
    width:770px;
}
.line_no
{
    float: left;    
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;
    color: aliceblue;
}
#loadInfo {
    position: absolute;
    width: 176px;
    height: 50px;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 24px;
    text-align: center;
}
        #main_cont{
                opacity: 0;
        }