.clearfix:after{content:"";display:table;clear:both}
.wrapper-charts{float:left;margin:30px 0 0px 0}
.wrapper-charts:after{content:'';display:block;clear:both}
.wrapper-charts .wrapper-head{width:100%}
.wrapper-charts .wrapper-head:after{content:'';display:block;clear:both}
.wrapper-charts .chart-tab{float:left;margin-right:1px;border-top-left-radius:20px;background:#e0e5e7;color:#184165;font-size:12px;cursor:pointer;width:115px;text-align:center;padding:10px}
.wrapper-charts .chart-tab.active{background:#ee7b00;font-weight:bold;color:#FFF}
.wrapper-charts .wrapper-body{padding:20px;margin-bottom:30px;background:#ee7b00;float:left;text-align:center}
.wrapper-charts .wrapper-body .wrapper-image{background:#FFF;width:100%;padding:15px;box-sizing:border-box}
.wrapper-charts .wrapper-body .wrapper-image img{width:100%}
.wrapper-charts .wrapper-body:after{content:'';display:block;clear:both}
.wrapper-charts .chart-body{display:none}
.wrapper-charts .chart-body.active{display:block}
#shpr{margin-top:30px;width:720px}
#shpr .wrapper-block-left{width:43%;height:232px;position:relative;background:#e0e5e7;color:#184165;padding:123px 20px 20px 20px;float:left;font-size:13px}
#shpr .content-wrapper{display:table;width:100%;height:100%}
#shpr .content-wrapper .content-quote{display:table-cell;vertical-align:bottom}
#shpr .wrapper-block-left .timestamp{width:100px;height:100px;position:absolute;top:0;right:0;background:#ee7b00;color:#FFF}
#shpr .wrapper-block-left .timestamp .content-quote{vertical-align:middle;padding-left:18px}
#shpr .wrapper-block-left .timestamp div.date{color:#ffffff;font-weight:bold}
#shpr .wrapper-block-right{width:43%;height:335px;position:relative;background:#e0e5e7;color:#184165;padding:20px;float:right;font-size:13px}
#shpr .wrapper-block-right:after{content:'';display:block;clear:both}
#shpr .wrapper-block-left .index{color:#5F7C9C;font-weight:bold;font-size:20px;position:absolute;top:10px;left:20px}
#shpr .wrapper-block-left .lastPx{display:inline-block;color:#ee7b00;margin-right:30px;font-size:40px;font-weight:bold;position:absolute;top:38px;left:20px}
#shpr .wrapper-block-left .var{display:inline-block;color:#5F7C9C;font-size:25px;font-weight:bold;position:absolute;top:83px;left:20px}
#shpr .row1{width:62%;float:left;margin:0}
#shpr .row2{width:37%;float:left;margin:0}
#shpr .row1_2{width:100%;float:left;margin:0}
#shpr .row2 .row2-1{float:left;width:50%}
#shpr .row2 .row2-2{float:left;width:50%}
#shpr .row3{width:72%;float:left;margin:0}
#shpr .row3_4{width:100%;float:left;margin:0}
#shpr .row4{width:27%;float:left;margin:0}
#shpr .border-round{border-top-left-radius:20px;border-bottom-right-radius:20px}
#shpr .col{float:left;width:100%;padding:4px 0}
#shpr .col:after{content:'';display:block;clear:both}
#shpr .strong{font-weight:bold}
#shpr hr{border-top:1px solid #5F7C9C;margin:8px 0}