/* authors */
.head.info {
        height: 42px;
        padding-top: 10px;
}
.head.adv {
        height: 48px;
        padding-top: 4px;
}
.top-menu {
        float: right;
        padding-top: 9px;
        color: #222222;
        font: 300 13px/13px 'Roboto', Arial, Helvetica, sans-serif;
}
.top-menu span {
        padding: 0px 9px 0px 12px;
}
.top-menu a {
        text-decoration: underline;
        color: #222222;
}
.top-menu a:hover {
        text-decoration: none;
        color: #222222;
}
.top-menu a.act {
        text-decoration: none;
}
.info-rate {
        text-align: center;
        padding: 18px 0px 0px 0px;
}
.info-rate h2 {
        color: #222222;
        font: 500 24px/24px 'Roboto', Arial, Helvetica, sans-serif;
        margin: 0px 0px 20px;
        letter-spacing: -0.5px;
}
.info-rate p {
        color: #222222;
        font: 300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
        margin: 0px 0px 18px 0px;
}
.info-rate-map {
        position: relative;
        width: 904px;
        height: 344px;
        background: #ffffff url(/img/inforate-bg.jpg) no-repeat left top;
        margin: 37px 0px 6px;
        z-index: 100;
}
.info-rate-point {
        width: 64px;
        height: 64px;
        background: transparent url(/img/inforate-point1.png) no-repeat left top;
        position: absolute;
        z-index: 101;
}
.info-rate-point#irp1 {
        top: 35px;
        left: 169px;
}
.info-rate-point#irp2 {
        top: 35px;
        left: 267px;
}
.info-rate-point#irp3 {
/*        top: 31px;
        left: 652px;*/
        display: none;
}
.info-rate-point#irp4 {
        top: 35px;
        left: 567px;
}
.info-rate-point#irp5 {
        top: 35px;
        left: 616px;
}
.info-rate-point#irp6 {
        top: 35px;
        left: 665px;
}
.info-rate-point#irp7 {
        top: 35px;
        left: 714px;
}
.info-rate-point#irp8 {
        top: 35px;
        left: 773px;
}
.info-rate-point#irp9 {
        top: 35px;
        left: 823px;
}
.info-rate-point#irp10_1 {
        top: 35px;
        left: -2px;
}
.info-rate-point#irp10_2 {        
        top: 35px;
        left: 44px;
}
.info-rate-point#irp10_3 {        
        top: 35px;
        left: 89px;
}
.info-rate-point#irp11 {
        top: 63px;
        left: 218px;
}
.info-rate-point#irp12 {
        top: 182px;
        left: 156px;
}
.info-rate-point#irp13 {
        top: 182px;
        left: 665px;
}
.info-rate-point#irp14 {
        top: 223px;
        left: 714px;
}
.info-rate-point#irp15 {
        top: 254px;
        left: 131px;
}
.info-rate-point#irp16 {
        top: 252px;
        left: 616px;
}
#reserve_li {
        opacity: 0;
        filter:alpha(opacity=0);
        padding: 0px;
        margin: 0px;
        height: 0px;
}
.info-rate-point:hover {
        background: transparent url(/img/inforate-point2.png) no-repeat left top;
}       
        
 .info-rate-point, .info-rate-point:hover {       
        -webkit-transition-property: background;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: background;
        -moz-transition-duration: 0.5s;
        -moz-transition-timing-function: ease;
        -o-transition-property: background;
        -o-transition-duration: 0.5s;
        -o-transition-timing-function: ease;
        -ms-transition-property: background;
        -ms-transition-duration: 0.5s;
        -ms-transition-timing-function: ease;
        transition-property: background;
        transition-duration: 0.5s;
        transition-timing-function: ease;
}
.info-rate-point .info-rate-text {
        z-index: 102;
        display: none;
        position: absolute;
        display: none;
        position: absolute;
        top: 0px;
        left: -130px;
        background-color: #ffffff;
        padding: 18px 20px 17px;
        text-align: left;
        -moz-box-shadow: 0px 2px 7px #b0b1b3;
        -webkit-box-shadow: 0px 2px 7px #b0b1b3;
        box-shadow: 0px 2px 7px #b0b1b3;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b1b3', Direction=145, Strength=3);
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        width: 290px;
        color: #222222;
        font: 300 12px/16px 'Roboto', Arial, Helvetica, sans-serif;
}
/*.info-rate-point:hover .info-rate-text, .info-rate-point:active .info-rate-text {
        display: block;
}*/
.info-rate-hover {
        width: 64px;
        height: 64px;
}
.info-rate-point#irp1 .info-rate-text {
        width: 160px;
        left: -69px;
}
.info-rate-point#irp9 .info-rate-text {
        width: 100px;
        left: -39px;
}
.info-rate-point#irp10 .info-rate-text {
        width: 268px;
        left: -119px;
}
.info-rate-point .info-rate-text img {
        position: absolute;
        bottom: -5px;
        left: 48%;
        width: 9px;
        height: 5px;
}
.info-rate-all {
        
}
.info-rate-all .title {
        color: #222222;
        font: 500 16px/16px 'Roboto', Arial, Helvetica, sans-serif;
        margin-bottom: 36px;
        text-align: center;
}
.info-rate-all ol {
        list-style: none; 
        counter-reset: point;
        margin: 0px 0px 0px 0px;
}
.info-rate-all ol li {
        margin-bottom: 20px;
        font: 300 15px/18px 'Roboto', Arial, Helvetica, sans-serif;
        color: #222222;
        position: relative;
        padding-left: 25px;
}
.info-rate-all ol li:before {
        content: counter(point);
        counter-increment: point 1;
        position: absolute;
        left: 0;
        top: 0px;
        width: 25px;
        padding: 0;
        color: #222222;
        font: 500 15px 'Roboto', Arial, Helvetica, sans-serif;
        text-align: left;
}
/* /authors */