coin-portal-new/static/css/kline.css

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html,body {
	height: 100%;
	margin: 0;
	overflow: hidden;
	width: 100%;
  background-color: #1a1f28;
}

#chart_container {
	cursor: default;
	font-family: arial,sans;
	font-size: 12px;
	height: 100%;
	position: relative;
	visibility: hidden;
	width: 100%;
}

#chart_container div,#chart_container ul,#chart_container form {
	margin: 0;
	padding: 0
}

#chart_container a:hover {
	text-decoration: none
}

#chart_container ul {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0
}

#chart_container button {
	cursor: pointer
}

#chart_dom_elem_cache {
	*font-weight: bold;
	position: absolute;
	visibility: hidden;
	z-index: -1
}

#chart_toolbar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	*font-weight: bold;
	height: 29px;
	position: absolute;
	z-index: 3
}

#chart_container #chart_toolbar {
	background-color: #1a1f28;
	border-bottom-color: #2b2929
}

#chart_container .chart_toolbar_sep {
	float: left;
	height: 100%;
	width: 16px
}

#chart_container .chart_toolbar_minisep {
	float: left;
	height: 100%;
	width: 4px
}

#chart_container .chart_dropdown {
	display: inline-block;
	float: left;
	position: relative;
	z-index: 100
}

#chart_container .chart_dropdown_t {
	background-origin: content-box;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-bottom: 0;
	margin-top: 3px;
	padding-right: 10px;
	z-index: 101;
	position: relative
}

#chart_container .chart_dropdown_t a {
	display: inline-block;
	padding: 3px 12px 5px 10px
}

#chart_container .chart_dropdown_data {
	border-width: 1px;
	border-style: solid;
	display: none;
	position: absolute;
	padding: 6px 8px 6px 8px;
	margin-top: -1px;
	z-index: 100
}

#chart_container .chart_dropdown_data table {
	border-collapse: collapse;
	font-weight: normal;
	white-space: nowrap
}

#chart_container .chart_dropdown_data td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 8px 6px;
	vertical-align: top
}

.market_chooser .chart_dropdown_data {
	width: 370px
}

.market_chooser .chart_dropdown_data td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: .5px 6px!important;
	vertical-align: top;
	line-height: 24px
}

.market_chooser li {
	float: left;
	width: 80px;
	height: 24px;
	line-height: 24px
}

#chart_container .chart_dropdown_data td.marketName_ a {
	color: #fff
}

#chart_container .chart_dropdown_data table tr:last-child td {
	border-bottom: 0
}

#chart_container .chart_dropdown_data li {
	white-space: nowrap;
	display: inline-block
}

#chart_container .chart_dropdown_data a {
	text-decoration: none;
	cursor: pointer;
	padding: 5px 6px 5px 6px
}

#chart_container .chart_dropdown-hover.chart_dropdown_data {
	display: block
}

#chart_dropdown_symbols .chart_dropdown_data td {
	padding: 8px 6px 0 6px
}

#chart_dropdown_symbols .chart_dropdown_data li {
	display: block;
	height: 26px
}

#chart_dropdown_symbols .chart_dropdown_data a {
	cursor: pointer
}

#chart_dropdown_themes .chart_dropdown_data td:first-child {
	padding: 6px 1px 7px 6px
}

#chart_container .chart_dropdown_t {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAJn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj42PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+NTwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDoxZjBjZTZmNC1lNGU1LWM4NDctYjI5OC00Y2Q2NGJjMGRjMDY8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNC0xMi0wM1QxNzo1Njo1MiswODowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDozNjIzYmJlYi1iNGU2LWNhNDktOTRjZi05MTIyY2Q1Y2NiZTk8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjM2MjNiYmViLWI0ZTYtY2E0OS05NGNmLTkxMjJjZDVjY2JlOTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDo2QzE5MkVEOTY1N0UxMUU0QUUwMkE5RkYyNDYyQTBBODwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDo4MzE3OTEwZi1kOTE5LTY4NDAtYWVhOS0zNzI5NWE2NGI1NmU8L3N0UmVmOmluc3RhbmNlSUQ+CiAgICAgICAgICAgIDxzdFJlZjpkb2N1bWVudElEPnhtcC5kaWQ6MWYwY2U2ZjQtZTRlNS1jODQ3LWIyOTgtNGNkNjRiYzBkYzA2PC9zdFJlZjpkb2N1bWVudElEPgogICAgICAgICA8L3htcE1NOkRlcml2ZWRGcm9tPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE0LTEyLTAzVDE3OjU2OjUyKzA4OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNC0xMi0wM1QxNzo1NjoyOCswODowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTEyLTAzVDE3OjU2OjUyKzA4OjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgqC9xe+AAAAWUlEQVQIHWO8cOHCFgYGBm8gRgZbmRgZGXOBIj+QRH8wMTHlMenr69////9/J0wCxNbT07vHCBK4f/8+x8ePH6+B2Pz8/FqKioo/mEAcEAOoEmRkHogNEgMA0qYfb8X3frQAAAAASUVORK5CYII=");
	background-position: right 9px;
	border-color: #1a1f28;
	color: #e5e5e5
}

#chart_container .chart_dropdown-hover.chart_dropdown_t {
	background-color: #1a1f28;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjFmMGNlNmY0LWU0ZTUtYzg0Ny1iMjk4LTRjZDY0YmMwZGMwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QzE5MkVEOTY1N0UxMUU0QUUwMkE5RkYyNDYyQTBBOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QzE5MkVEODY1N0UxMUU0QUUwMkE5RkYyNDYyQTBBOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMxNzkxMGYtZDkxOS02ODQwLWFlYTktMzcyOTVhNjRiNTZlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFmMGNlNmY0LWU0ZTUtYzg0Ny1iMjk4LTRjZDY0YmMwZGMwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkyQgrUAAABCSURBVBhXY3QJS2aAAh8g/g/EW0EcJhABBBxAPAmIJ0PZcIkKIFaEYhAbLKEExOUgDhSA2IogCZARYO1QAGQzTAYAPbkH1E4jJr8AAAAASUVORK5CYII=");
	background-position: right 8px;
	border-color: #606060;
	color: #fff
}

#chart_container .chart_dropdown_data {
	background-color: rgba(26, 31, 40, 0.8);
	border-color: #606060
}

#chart_container .chart_dropdown_data td {
	border-bottom-color: #2b2929;
	color: #e5e5e5
}

#chart_container .chart_dropdown_data li a {
	color: #7392ff
}

#chart_container .chart_dropdown_data li a:hover {
	background-color: #444
}

#chart_container .chart_dropdown_data li a.selected {
	color: #ffac00
}

#chart_container .chart_toolbar_label {
	cursor: default;
	display: inline-block;
	float: left;
	padding: 7px 4px
}

#chart_container .chart_toolbar_label {
	border-color: #232323;
	color: #e5e5e5
}

#chart_container .chart_toolbar_button {
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	float: left;
	margin: 3px 2px;
	padding: 3px 10px;
	position: relative;
	z-index: 100
}

#chart_container .chart_toolbar_button {
	border-color: #2b2929;
	color: #e5e5e5
}

#chart_container .chart_toolbar_button:hover {
	background-color: #383838;
	border-color: #606060;
	color: #fff
}

#chart_container .chart_toolbar_button.selected {
	background-color: #383838;
	border-color: #606060;
	color: #ffac00
}

#chart_container .chart_toolbar_button.selected:hover {
	background-color: #474747;
	border-color: #808080;
	color: #ffac00
}

#chart_container .chart_toolbar_tabgroup {
	float: left
}

#chart_container .chart_toolbar_tabgroup li {
	display: inline-block;
	padding: 4px 0;
	margin: 3px 0
}

#chart_container .chart_toolbar_tabgroup li a {
	cursor: pointer;
	padding: 4px 4px
}

#chart_container .chart_toolbar_tabgroup li a:hover {
	text-decoration: none
}

#chart_container .chart_toolbar_tabgroup li a {
	color: #7392ff
}

#chart_container .chart_toolbar_tabgroup li a:hover {
	background-color: #383838
}

#chart_container .chart_toolbar_tabgroup li a.selected {
	color: #ffac00
}

#chart_toolbar_periods_horz {
	display: inline-block;
	float: left;
	position: relative;
	z-index: 100
}

#chart_toolbar_periods_vert {
	float: left
}

#chart_container a.chart_icon {
	border-width: 2px;
	border-style: solid;
	height: 16px;
	padding: 0;
	width: 16px;
	position: relative;
	border-color: #000
}

#chart_container a.chart_icon:after,#chart_container a.chart_icon:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0
}

#chart_container a.chart_icon:after {
	top: 0
}

#chart_container a.chart_icon:before {
	bottom: 0
}

#chart_container a.chart_icon.chart_icon_theme_dark:after {
	top: 0;
	background-color: #de211d
}

#chart_container a.chart_icon.chart_icon_theme_dark:before {
	bottom: 0;
	background-color: #3dc18e
}

#chart_container a.chart_icon.chart_icon_theme_light:after {
	top: 0;
	background-color: #3dc18e
}

#chart_container a.chart_icon.chart_icon_theme_light:before {
	bottom: 0;
	background-color: #de211d
}

#chart_container a.chart_icon:hover {
	border-color: #fff
}

#chart_container a.chart_icon.selected {
	border-color: #fff
}

#chart_container .chart_dropdown_data a.chart_icon {
	display: inline-block;
	magin: 0 6px 0 6px
}

#chart_container a.chart_icon_theme_dark,#chart_container .chart_dropdown_data li a.chart_icon_theme_dark:hover {
	background-color: #000
}

#chart_container a.chart_icon_theme_light,#chart_container .chart_dropdown_data li a.chart_icon_theme_light:hover {
	background-color: #fff
}

#chart_container #chart_toolbar_theme {
	float: left;
	padding: 0 8px
}

#chart_container #chart_toolbar_theme a.chart_icon {
	cursor: pointer;
	float: left;
	margin: 6px 4px
}

#chart_container #chart_select_theme td:last-child {
	padding: 6px 6px 0 8px
}

#chart_container #chart_select_theme li {
	padding: 0 4px 0 4px
}

#chart_container #chart_updated_time {
	float: right;
	margin: 4px 3px;
	padding: 3px 10px
}

#chart_container #chart_updated_time {
	color: #e5e5e5;
	display: none
}

#chart_toolpanel {
	border-right-width: 1px;
	border-right-style: solid;
	display: none;
	position: absolute;
	width: 32px;
	z-index: 2
}

#chart_toolpanel .chart_toolpanel_separator {
	position: relative;
	height: 4px
}

#chart_toolpanel .chart_toolpanel_button {
	position: relative;
	z-index: 100
}

#chart_toolpanel .chart_toolpanel_icon {
	background-origin: content-box;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	height: 24px;
	margin: 1px 4px 1px 4px;
	padding: 3px;
	position: relative;
	width: 24px;
	z-index: 101
}

#chart_toolpanel .chart_toolpanel_tip {
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
	display: none;
	*font-weight: bold;
	position: absolute;
	padding: 3px 6px 4px 6px;
	margin-left: 36px;
	margin-top: -25px;
	white-space: nowrap;
	z-index: 100
}

#chart_toolpanel .chart_toolpanel_button:hover .chart_toolpanel_tip {
	display: block
}

#chart_container #chart_toolpanel {
	background-color: #1a1f28;
	border-right-color: #2b2929;
	z-index: 2
}

#chart_container .chart_toolpanel_icon {
	background-color: #1a1f28;
	border-color: #1a1f28
}

#chart_container .chart_toolpanel_button:hover .chart_toolpanel_icon {
	background-color: #2b2929;
	border-color: #666
}

#chart_container .chart_toolpanel_button.selected .chart_toolpanel_icon {
	background-color: #080808;
	border-color: #666
}

#chart_container .chart_toolpanel_tip {
	background-color: #ffac00;
	border-color: #ffac00;
	color: #1a1f28
}

#chart_container #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAFACAYAAAC1CvwiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjBjZTZmNC1lNGU1LWM4NDctYjI5OC00Y2Q2NGJjMGRjMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0EwQTE5MkI4MTFEMTFFNEI4Njg4OEVFQzVGMTEyOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0EwQTE5MkE4MTFEMTFFNEI4Njg4OEVFQzVGMTEyOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNEUzRUIyODExOTExRTRBNkJDQzhDODM5MEQxQTkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNEUzRUIzODExOTExRTRBNkJDQzhDODM5MEQxQTkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VsD84AAABMxJREFUeNrsXEloFEEU7QztBgoKkmgueogajSQRBEEQJ3jITVDUgxL1YoggHlSU6MHlKkEQ3FFREEEviogexJlTDqIxcQl60Is4oujFDVFhfN+p1kqlu7ZZMhN+w6My1f1fVXf9ev2r+6eDfD4fRMhkMpeBaXKdCalg5NYFPMpms0sDy62OWKINhtGPn8ABoC+dTud1BKmE+onAUeAOSBt8CKKtExgESafrKagb1fcB+3FKv1x68K8hYA/Qj0aafAiijUZnACRdUUVoYfQbuA8MAy+BF8BzG4LPwARgCtCLcx9wGYVXwHLgqvjd6zKMGWAZWqRunhF1a3HeC2wITtHYw/gT/UD5AMWQOG6v0Q/iNrTcI4jJvZtA+sZ1GK8AX4V773J1ZTqNLyjOi16ccD4Fp+lcmwRavYM+Zlw10XljghIQ1NFQafa3k6xr5kkH+8H48AOWtDEgGBUGuQSVYoLl5b8r6wfofqu43QcuMZJsfARYAiEZdOqBZHxINrYNMBKNjQQmYy2BjXEiga1xLIGLcVy0HhkfhPGQ7Y1FPYd2W+NCWKr4tuvcKHouhIaVCktaOQlw4etRvE95GpPHngUafVR5xFyxVST1oP+y5iPlJXVlW00cUsK7uirVRO3Vtlmx+IhL6UbBdLW1BD5qLKvyLJSnfYwjTXwHNMD4A0taBQkw7ItQbAXmWhMIo/UCLaK6L3RoeAP5ilJ30TVOpOcoPeLnMHynJeWoxrOlh1PXrZc8irhQDw4D1zhO5DiR48SaeZ5oiJvqqfQV1chjt1cmTtRNNBdZj52lJkUyx0y+EWr5I1XbmIk1kTWRCZig/ASqeyet4HTvWNKRkSDLOt0bbad56Pjkgv2ACZiACewjFJunV6MIrLRPF2AoPejgCIUJmIAJakMTVfEJZSPaCWRMrcrHO2tibA9cNVE+nv2ACaqDgPPSqjqtzHbtXPTStzRPsopZO7MncoIjE5SDALMvJ8SjMfpbEpTYurgZmHOpCzVakLOpS+xBXKtOPVBbjLsGVTSMscPjShAZCbL+omQdZOucCWLHmKdzrROY3vpp8xMtjEfnJ9omtankYdJ6UDbWkVvfXIk8akAmD6VueT1TC5OywZVzTiQPA807VhP53w3q2paguq3ADaBdt98rP1EeSufwVu2ZU4ykzT8wvWvX5h+Y3nhrc/dN+YmmiWWTn6h9F8+ayJrImlikJkbgnG3O2WZNLLUmOhrH5ycmGetmaWg7hZMEN6UTzKIfxtlqYuLOymui7VBqPZHzEz2f6vLb/zHOjCs+sc3mFanoUaYspzBOXlxn2JXZlVnSKkSAEZmB4gKwG6PxWt5ne2vbCdxWjbUxUsztblJ5XNn34qGHZDvZ650r6ueh2AfcSgqyiPgccAkXLqvUbwZWAcew72HSKGwEcorx/KDwr4nTgW1kHDsKOHAOijVAt/hNn/vaAqwUrQ7oojSasseBezjwJn43B4UPbD2h9QHqvpv8YHVQ+DbaXRhTD1YEhe/Gxa0b6LtZzfLSd6a4cPQtrE3AY9HqD7F/KorFAMWS9F+mRDAcLX1HxYrAW6BNGC0EiOgZ8JRKEH8bcQpKpugO4KMwoI+tnVS/FSc/Q4nz8W7T9/LU1bt3sitrYhD8EWAAdoU1AmCjen8AAAAASUVORK5CYII=")
}

#chart_container #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAFACAYAAAC1CvwiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjBjZTZmNC1lNGU1LWM4NDctYjI5OC00Y2Q2NGJjMGRjMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjI0MkEyMUI4MTIwMTFFNDgxNjhGRjc0RjJGMjMwQkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjI0MkEyMUE4MTIwMTFFNDgxNjhGRjc0RjJGMjMwQkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZDNzdDQUY4NjU3RTExRTRBRTAyQTlGRjI0NjJBMEE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZDNzdDQUY5NjU3RTExRTRBRTAyQTlGRjI0NjJBMEE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s3AxtQAABPZJREFUeNrsXE1oHkUYnvkYq0IFC5ImubRI1WolSUEoFIqWHnIr6KqHStWLtaceJFhyUryG4ElKf8RaKELNYkFETyYXPYhNW3+CHtqL+NX+XdoKxQrTZ3bny7ffdv43+Wziu/BssrP7Pjs7M++z7+683zIpJVvEDDsBPNJT5kGL9S57gTMs58+xwKVlKHsC+A4kEwBPIVDLGmAK+Bok61MIOss4cA4k46kEahnUNZkCHkghUItqiwnge5BsSiHoLKp35kGyt1MgAoz+Bb4FFoDfgd+AX0MIbgDqmh8GJlkm52Ma8QKwHfhMb0/G9MIssA1nVNU8rMtewnU/FUJwqOj7TF4vtjL5A9bn9XHvGrtHOYRzyfl+TfwPsAmkf8R240nglh7e79R3+rsxkzdRi481wUfxl5DojauGIOez//s2WBEEHLcyV1eNFbJu95Od7nsfyGPvjdSN/804IElrTCCiLXIum9cgk7xA/8dBzkf07T6hDUrjD4CtqH5XZIKC6hk2ApwGxur7Ghn7CTzGboIAYztBoLGZIML4XoKu8WjoI4+oj+3iZpLJ88HjA2eTlRrImAeuJbmxCJOLkqgutyZ29WEA68utRGMlLkeAYRY7cOq+IlKkvEfWAs9qHe596IWywazDXSRJeY87N9REEdzaVkEJbO1lFpSA1vYpUqe14wRVi+pgrJTXe+ESsB5nvkKa2E9NzPkzWL8JbBSRRq9obNGl0zE1eBV4r1b2SWycqN7m7NdbCxg7W1qRUj5UeTn1eXgjdn3l/UIfcv4X/j8VpsoUJ1KcSHHi/U5QxomsWZyY86HGcWIj4zgCi5f6ojR/zJQaofYhUg2MmURyhGptA9JE0kQioGjdJ6j6Jey9Q9k+x/LColFJNhf77Bzk5rH3BfJGIiACInBoYqD2uUW1qn0BKQNuVVaT0RShEAEREMHK0MTa8WmaWDk+XhONNYjVxMrxpIlEsBIIKD+xPwR2PQjUypZX+zwiu8yTdSFaSRmSlOBIBMvhjTlvax0YXvy/qw3mMoMHtmPKXK8D2yFlwiNpw9ZtTeZTpLazDe4LXxDGxqlfe9A46BgpspzPNJP1TL4cT2Dqd1KkFU+gpgxzfhoYs+wfULf/ltW4mndi3l/kJwpHMLHVYdwhvyRsz4M9xg7y8EasBlwV8mpeWtI7NeGdoPWRO+dYg3JxUo31/l53TunK6JmdWs3ifMEwQsPzE23DO2jG25m778tP9OZkqcaaYQOOgNs5F0+qTJpImthUE43ORDnblLNNmpisicmRifl3LLYzO7xUBLuwRXBbLsFs/jIuwEtFYFjj+B1LQ02knG1G+YmMMuOW5O2+CE4bsRzXeIJiFYwDEZt7syrbgIYySVrfCHK+DvgCeDy1BgeAr9CVF9OHMmMP+h+6ljzd2N0uyvahtDnXnKtPoh0EvhQO9uPAp2i4uVr568Au4EPs+9HWC3uAds34SVb+NPFR4C1lbO6FnG/A+kVgn95Wn/t6A3hen3XePg7KT7xNFNXP5FVsb9ZnXQu8bfpeWL0Gu1n5bbRvYKxqsAOYtjx0qM9ebe7qQc4fw/ooK7+F9RpwtngqyeRtvV/V4llAxc/qV6aKYKEkMMWKjP0JjGqjpwFF9Avwc/E3k393Fal8iKhmyR8DrmmDn5j6yFom79hE1TTG98EgSOvMlxCR7EqiythdAQYAbEvqZUahHBUAAAAASUVORK5CYII=")
}

#chart_container #chart_toolpanel #chart_Cursor {
	background-position: 0 0
}

#chart_container #chart_toolpanel #chart_CrossCursor {
	background-position: 0 -20px
}

#chart_container #chart_toolpanel #chart_SegLine {
	background-position: 0 -40px
}

#chart_container #chart_toolpanel #chart_StraightLine {
	background-position: 0 -60px
}

#chart_container #chart_toolpanel #chart_RayLine {
	background-position: 0 -100px
}

#chart_container #chart_toolpanel #chart_ArrowLine {
	background-position: 0 -80px
}

#chart_container #chart_toolpanel #chart_HoriSegLine {
	background-position: 0 -160px
}

#chart_container #chart_toolpanel #chart_HoriStraightLine {
	background-position: 0 -120px
}

#chart_container #chart_toolpanel #chart_HoriRayLine {
	background-position: 0 -140px
}

#chart_container #chart_toolpanel #chart_VertiStraightLine {
	background-position: 0 -180px
}

#chart_container #chart_toolpanel #chart_PriceLine {
	background-position: 0 -200px
}

#chart_container #chart_toolpanel #chart_TriParallelLine {
	background-position: 0 -220px
}

#chart_container #chart_toolpanel #chart_BiParallelLine {
	background-position: 0 -240px
}

#chart_container #chart_toolpanel #chart_BiParallelRayLine {
	background-position: 0 -260px
}

#chart_container .chart_toolpanel_button #chart_DrawFibRetrace {
	background-position: 0 -280px
}

#chart_container #chart_toolpanel #chart_DrawFibFans {
	background-position: 0 -300px
}

#chart_tabbar {
	border-top-width: 1px;
	border-top-style: solid;
	cursor: default;
	display: none;
	*font-weight: bold;
	height: 22px;
	overflow: hidden;
	position: absolute;
	z-index: 1
}

#chart_tabbar ul {
	height: 100%;
	list-style: none;
	padding: 0 0 0 4px
}

#chart_tabbar li {
	display: inline-block;
	height: 100%;
	margin: 0
}

#chart_tabbar a {
	cursor: pointer;
	display: inline-block;
	height: 100%;
	margin: 0;
	padding: 3px 4px 0 4px;
	overflow: hidden
}

#chart_tabbar a:hover {
	text-decoration: none
}

#chart_container #chart_tabbar {
	background-color: #1a1f28;
	border-top-color: #2b2929
}

#chart_container #chart_tabbar a {
	color: #e5e5e5
}

#chart_container #chart_tabbar a:hover {
	background-color: #383838;
	color: #fff
}

#chart_container #chart_tabbar a.selected {
	color: #ffac00
}

#chart_canvasGroup {
	position: absolute;
	z-index: 0
}

/*#chart_canvasGroup:after {
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: url(/statics/img/trans/kline_logo.png) 50% 45% no-repeat;
	background-size: auto 30%;
	position: absolute;
	z-index: 1
}*/

#chart_mainCanvas {
	overflow: hidden;
	position: absolute;
	z-index: 0
}

#chart_overlayCanvas {
	overflow: hidden;
	position: absolute;
	z-index: 2
}

#chart_loading {
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	visibility: hidden;
	width: 200px;
	z-index: 200
}

#chart_loading.activated {
	visibility: visible
}

#chart_container #chart_loading {
	border-color: #aaa;
	background-color: rgba(0,0,0,0.6);
	color: #ccc
}

#chart_parameter_settings {
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	width: 640px;
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	z-index: 500
}

#chart_parameter_settings.clicked {
	visibility: visible
}

#chart_parameter_settings h2 {
	padding: 5px 12px;
	margin: 0;
	font-size: 14px;
}

#chart_parameter_settings table {
	border-collapse: collapse;
	width: 100%
}

#chart_parameter_settings tr {
	line-height: 32px
}

#chart_parameter_settings th {
	text-align: right;
	padding: 0 4px 0 16px
}

#chart_parameter_settings input {
	width: 2em;
	margin: 0 2px 0 2px
}

#chart_parameter_settings #close_settings {
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	margin: 8px auto;
	padding: 5px 24px 5px 24px;
	width: 150px
}

#chart_parameter_settings .chart_str_default {
	margin-right: 24px
}

#chart_container #chart_parameter_settings {
	background-color: rgba(0,0,0,0.6);
	border-color: #aaa;
	color: #ccc
}

#chart_container #chart_parameter_settings #close_settings {
	background: #1887da;
	color: #eee
}

#chart_container input,#chart_container button {
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	padding: 4px
}

#chart_container input[type=text] {
	width: 12em
}

#chart_container input[type=button],#chart_container input[type=submit],#chart_container button {
	font-family: arial,sans;
	padding: 4px 8px;
	cursor: pointer
}

#chart_container input,#chart_container button {
	background-color: #333;
	border-color: #333;
	color: #ccc
}

#trade_container {
	width: 520px;
	height: 100%;
	float: right;
	z-index: 99999;
	font-size: 12px;
	overflow: hidden
}

@media(max-width:1199px) {
	#trade_container {
		width: 400px
	}
}

#trade_container {
	background: #1a1f28;
	color: #f1f1f1
}

#orderbook #asks,#orderbook #bids {
	width: 100%;
	height: 50%;
	position: relative;
	display: inline-block;
	overflow: hidden
}

#orderbook #asks {
	padding-bottom: 15px
}

#orderbook #bids {
	padding-top: 15px
}

#orderbook #gasks,#orderbook #gbids {
	width: 80px;
	display: none;
	height: 195px;
	position: relative;
	overflow: hidden
}

#market {
	font-family: "Microsoft YaHei",Arial;
	color: #de211d;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #2b2929
}

#market .infoDepth {
	margin-left: 8px;
	color: #f78d15
}

#market a:hover {
	text-decoration: underline
}

#orderbook {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	border-right: 1px solid #2b2929
}

#orderbook .table {
	position: absolute;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%
}

#gasks .table,#asks .table {
	bottom: 15px
}

#orderbook .table .row {
	padding: 0;
	margin: 0;
	line-height: 18px;
	font-family: Arial,"Microsoft YaHei";
	text-align: center;
	cursor: pointer;
	font-size: 14px
}

#orderbook .table .row:hover {
	background-color: #383838
}

#orderbook .table .g {
	color: #666
}

#orderbook .price {
	width: 48%;
	text-align: right;
	display: inline-block;
	padding-right: 15px
}

#orderbook .amount {
	width: 48%;
	text-align: left;
	display: inline-block;
	padding-left: 15px
}

#orderbook .price g,#orderbook .amount g {
	color: #666
}

#trade_container .green {
	color: #3dc18e
}

#trade_container .red {
	color: #de211d
}

#trade_container.light .green {
	color: #de211d
}

#trade_container.light .red {
	color: #3dc18e
}

#price {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial,"Microsoft YaHei";
	width: 100%;
	height: 32px;
	line-height: 32px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	z-index: 100;
	cursor: pointer
}

#price.green {
	background-color: #2b2929
}

#price.red {
	background-color: #2b2929
}

#price:hover {
	background-color: #383838
}

#price span {
	font-weight: 400;
	margin-left: 8px;
	font-size: 14px
}

.TRX_kline .trades_list ul,.TRX_kline #orderbook .table .row {
	font-size: 12px
}

.TRX_kline #orderbook .price {
	width: 38%;
	padding-right: 5px
}

.TRX_kline #orderbook .amount {
	width: 58%;
	padding-left: 5px
}

.TRX_kline .trades_list ul li.tm {
	width: 30%;
	padding-left: 5px
}

.TRX_kline .trades_list ul li.pr-red {
	width: 30%
}

.TRX_kline .trades_list ul li.vl {
	width: 40%
}

.long-price .trades_list ul li.tm {
	width: 35%
}

.long-price .trades_list ul li.pr-red,.long-price .trades_list ul li.pr-green {
	width: 40%
}

.long-price .trades_list ul li.vl {
	width: 25%
}

.long-price .trades_list ul {
	font-size: 12px
}

#trade_container #orderbook div.table div.remove g,#trade_container #orderbook div.table div.remove span {
	color: #444
}

#trade_container #orderbook div.table div.add {
	display: none;
	background-color: rgba(238,238,238,0.2)
}

#trades {
	width: 50%;
	float: left;
	overflow-y: auto;
	text-align: left;
	color: #666
}

.trades_list ul {
	height: 18px;
	text-align: left;
	list-style: none;
	clear: both;
	zoom: 1;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-size: 14px
}

.trades_list ul:hover {
	background-color: #383838
}

.trades_list ul li {
	line-height: 18px;
	color: #999;
	list-style: none;
	float: left;
	*display: inline;
	margin: 0;
	padding: 0;
	font-family: Arial,"Microsoft YaHei"
}

.trades_list ul li.tm {
	width: 40%;
	color: #999;
	padding-left: 15px
}

.trades_list ul li.pr-green {
	width: 30%;
	color: #3dc18e
}

.trades_list ul li.pr-red {
	width: 30%;
	color: #de211d
}

.trades_list ul li.vl {
	width: 30%;
	color: #ccc
}

.trades_list ul li.vl g {
	color: #666
}

#trade_container .trades_list ul.newul {
	display: none;
	background-color: rgba(238,238,238,0.2)
}

.light .trades_list ul li.pr-green {
	color: #de211d
}

.light .trades_list ul li.pr-red {
	color: #3dc18e
}

.container .nav {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 3px;
	height: 41px
}

.container .nav li {
	display: inline-block;
	margin-right: 9px
}

.container a {
	text-decoration: none;
	color: #6BF;
	font-family: Arial,sans
}

.container a:hover {
	text-decoration: underline
}

.container a.active {
	color: #FC9
}

.container span {
	margin-left: 3px;
	font-family: Arial,"Microsoft YaHei";
	color: #ccc
}

#markettop {
	height: 40px;
	line-height: 41px;
	font-size: 12px
}

#markettop {
	background: #1a1f28;
	border-bottom: 1px solid #333
}

#markettop a.selected {
	color: #ffac00
}

.bk-animationload {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: #1a1f28;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/*display: none*/
}

.bk-preloader {
	width:250px;
	height:250px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-145px;
	margin-left:-125px;
	background-image:url(../img/kine-loading.png);
	background-size:25% auto;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:10001
}
.bk-preloader:after {
	position:absolute;
	width:100%;
	height:100%;
	border-radius:100%;
	content:'';
	display:block;
	top:0;
	left:0;
	z-index:10000;
	background-image:url(../img/load-pix.png);
	background-size:40% auto;
	background-position:center center;
	background-repeat:no-repeat;
	-o-animation:preloader_after 1.5s infinite linear;
	-ms-animation:preloader_after 1.5s infinite linear;
	-webkit-animation:preloader_after 1.5s infinite linear;
	animation:preloader_after 1.5s infinite linear
}
.bk-preloader:before {
	position:absolute;
	width:100%;
	height:100%;
	border-radius:100%;
	content:'';
	display:block;
	top:0;
	left:0;
	z-index:9999;
	background-size:40% auto;
	background-position:center center;
	background-repeat:no-repeat
}
@-webkit-keyframes preloader_after {
	0% {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-webkit-transform:rotate(360deg)
	}
}
@-o-keyframes preloader_after {
	0% {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-webkit-transform:rotate(360deg)
	}
}
@-ms-keyframes preloader_after {
	0% {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-webkit-transform:rotate(360deg)
	}
}
@keyframes preloader_after {
	0% {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-webkit-transform:rotate(360deg)
	}
}

.for-frame #chart_container #chart_toolbar_theme,.for-frame #chart_container .market_chooser,.for-frame #trade_container {
	display: none
}

.for-frame #chart_container #chart_toolbar {
	color: #757b88;
	background: #f2f3f5;
	height: 30px!important;
	border-bottom: 1px solid #f2f3f5
}

.for-frame #chart_container .chart_toolbar_tabgroup li a,.for-frame #chart_container .chart_toolbar_button,.for-frame #chart_container .chart_dropdown_data a,.for-frame #chart_container .chart_dropdown_t {
	border: 0;
	color: #757b88
}

.for-frame #chart_container .chart_toolbar_button:hover,.for-frame #chart_container .chart_toolbar_tabgroup li a:hover {
	color: #ff9d11;
	background: transparent
}

.for-frame #chart_container .chart_dropdown-hover.chart_dropdown_t {
	color: #ff9d11;
	background: transparent
}

.for-frame #chart_container .chart_dropdown_data {
	color: #757b88;
	background: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 3px;
	border: 0
}

.for-frame #chart_container .chart_dropdown_data a:hover {
	color: #ff9d11;
	background: transparent
}

.for-frame #chart_container .chart_dropdown_data td {
	color: #757b88;
	border-bottom: 1px solid #f2f3f5
}