@font-face {    
    font-family: mytitlefont;
    src: url(../../fonts/SourceHanSansCN-Regular.otf);
}
:root {
    
}
body {
  width: 100%;
  *zoom: 1;
  font-family : 'mytitlefont';
  background:transparent;
}
.container {
    padding-right : 0px;
    padding-left : 0px;
}
header {
    height: 50px;
    background: linear-gradient(to right, #32acf5 0%,#347ef3 100%);
    color: white;
    font-size: 12pt;
    width: 100%;
    line-height: 50px;
    text-align: center;
}
.headerImg {
    width: 30px;
    height: 20px;
    /*display:block;*/
    float: right;
    /*margin-right: 10px;
    margin-top: 10px;*/
    z-index: 999;
    position: absolute;
    right: 10px;
    top: 13px;
    color: #061a79;
}
.headerMenu {
    border-radius:10px;
    /*border:1px solid #e6e6e6;*/
    box-shadow:0 0 8px #000;
    width:210px;
    /*height :200px;*/
    z-index:999;
    background-color:white;
    position:absolute;
    right:5px;
    top:5px;
    line-height:40px;
    padding-top:10px;
    display:none;
}
.headerMenu ul{
    list-style:none;
    margin-left:10px;
    padding-left:20px;
    padding-top:15px;
    text-align:left;
}
.headerMenu li{
    height:50px;
}
.headerMenu a:visited{
    text-decoration:none;
}
.headerMenu a:hover{
    text-decoration:none;
}
.headerMenu ul img{
    height : 18px;
    width:18px;
    display:block;
    float:left;
    margin-top:10px;
}
.headerMenu ul span{
    display:block;
    margin-top:-10px;
    margin-left:60px;
    color:#646464;
    font-size:12pt;
}
.index-content {
    /*min-height:500px;*/
}
.indexHeadImage {
    width:100%;
    z-index:998;
    margin-top:-70px;
}
.index-topIco {
    z-index:999;
}
.index-line {
    background-color: #5673e9;
    min-height:500px;
    width:1px;
    float:left;
    margin-left:20px;
    margin-top:-20px;
}
#product-content {
    padding: 10px 20px 0px 4%;
    line-height: 25px;
}
.product-explantContainer {
    min-height: 60px;
    border: 1px solid #00a0e8;
    padding: 3px 5px;
    margin-bottom: 15px;
    margin-left: 30px;
    width: 90%;
    color: #3e3a39;
}
.title-top {
    /*height: 35px;*/
    /*background-color : #e4f5fd;*/
    padding-left: 30px;
    padding-top: 2%;
    color: #061a79;
    margin-top: 10px;
    font-weight:bold;
    font-size:12pt;
}
.codetasteSquare {
    margin-left:-17px;
    margin-top:-3px;
    
}
#product-content {
    padding-left: 30px;
    padding-right: 4%;
    color: #233c7c;
}
.product-table {
    /*border: 1px solid #00a0e8;*/
    width: 90%;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 30px;
}
    .product-table thead {
        height: 30px;
        color: white;
    }
        .product-table thead tr td {
            height: 30px;
            text-align: center;
            background: linear-gradient(to right, #31c7f6 0%,#3659f1 100%);
            border :1px;
            border-radius: 10px 10px 0 0;
        }
    .product-table td {
        padding-left: 5px;
        border-left: 1px solid #00a0e8;
        border-right: 1px solid #00a0e8;
        border-bottom: 1px solid #00a0e8;
    }
#product-checkItemList-tb {
    color: #3e3a39;
}
#product-explain-group {
    border: 1px solid #00a0e8;
    padding: 4px;
}
.product-message {
    margin-left: 30px;
    color: #233c7c;
}
.product-no {
    margin-left: 30px;
    color: #061a79;
    font-weight: bold;
    font-size: 12pt;
}
#show-pdf {
    /*height:500px;*/
    width: 100%;
}
footer {
    padding-left:4%;
    height: 50px;
    width: 100%;
    /*position: fixed;*/
    bottom: -15px;
    float:left;
}
footer img{
   float:right;
   padding-right:4%;
   position:relative;
   bottom:10px;
}