@font-face {
    font-family: DinWebRegular;
    src: url(../fonts/DINWeb_W06_Regular.woff);
} 
@font-face {
    font-family: DinWebBold;
    src: url(../fonts/DINWebPro-Bold_W06_Regular.woff);
} 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    border: 0 none;
    font-size: inherit;
    outline: 0 none;
    vertical-align: baseline;
}
body {
    width:100%;
    margin: 0;
    font-family: DinWebRegular;
    font-size: 14px;
    text-align: left;
    color: #333333;
    padding-right: 1px;
}
.table{
    margin-bottom: 0px;
}
*{

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

}
@media screen and (min-width:630px){
    .dt{
        display: table;
    }
    .sp{
        display: none;
    }
}
@media screen and (max-width:630px){
    .dt{
        display: none;
    }
    .sp{
        display: table;
    }
}
.table td, .table th{
    height: 50px;
}

.table > thead > tr > th{
    background-color: #14145C;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    /*border: 1px solid #e2e2e2 !important;*/
    font-weight: normal;
}

.table > tbody > tr > th{
    border: 1px solid #e2e2e2;
    font-weight: normal;
    vertical-align: middle;
}
.table > tbody > tr > td {
    border: 1px solid #e2e2e2;
    vertical-align: middle;
    text-align: right;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f4f6fb;
}

.sp > thead > tr > th{
    width: 20%;
    cursor: pointer;
    cursor: hand;
}
/*
.sp > tbody > tr > th, .sp > tbody > tr > td{
    border: 0px;
}
*/
.sp > thead > tr > th.active{
    background-color: #FFF;
    color: #14145C;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 0px !important;
}
.sp > tbody > tr.showtr{
    display: table-row;
}
.sp > tbody > tr.hiddentr{
    display: none;
}

.stock td{
    font-family: DinWebBold;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
  padding: 8px 20px 8px 20px;
}

.table > tbody > tr > td.up{
    background-color: #9bcd41;
}

.table > tbody > tr > td.down{
    background-color: #cd5141;
}

.table > thead:first-child > tr:first-child > th {
    border-bottom: 0;