* {
    font-family: "courier new", "宋体", "sans-serif", ;
    font-size: 9pt;
}

a:link, a:visited {
    color:blue;
    text-decoration: underline;
}

a:hover {
    color:blue;
    text-decoration: none;
}
.quotes{ margin:0 auto;border:1px solid #8BACDB;height:102px!important;overflow: hidden!important;}
.fxquotesheader{ padding-left:5px;padding-top: 5px; width:100%;height:25px;overflow: hidden; background: url("static/image/common/header_bg.gif") repeat-x;}
.fxquotesm{ margin-left:15px;  }
.fxquotecurrency {float: left;   width: 24%;}

div[data-code] {
    position: relative;
    width:191px;
    height:65px;
    background: url("image/block-gray.png") no-repeat;
    display: inline-block;
    margin: 3px 0px 10px 0px;
    -webkit-transition: all 0.5s ease-out;
}

div[data-code] span {
    color:white;
}

div[data-code] span[data-field='CURRENCY'] {
    color:#000;
}

span[data-field='CURRENCY'] {
    position: absolute;
    left: 68px;
    top: 43px;
}

span[data-field='BID'] {
    position: absolute;
    left: 16px;
    top: 6px;
}

span[data-field='ASK'] {
    position: absolute;
    left: 110px;
    top: 6px;
}

div.up {
    background: url("image/block-blue.png") no-repeat;
}

div.down {
    background: url("image/block-red.png") no-repeat;
}

span.num2 {
    font-size: 24px;
    margin: 0px 4px;
}

span.num3 {
    position: relative;
    top:-10px;
}