@import "../../../css/chart-v2.0.css";
.pika-table abbr {
    cursor: default;
}
.dropdown select,
#range-input input{
	font-family:'San Francisco' , 'microsoft yahei' , 'verdana', 'geneva', 'Hiragino Sans GB','\5b8b\4f53', sans-serif;
}
#error-wrapper {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: block;
    float: left;
    padding: 0;
    width: 100%;
}
body {
    float: left;
    overflow-y: auto;
    width: 100%;
	font:14px/21px 'San Francisco' , 'microsoft yahei' , 'verdana', 'geneva', 'Hiragino Sans GB','\5b8b\4f53', sans-serif;
	color: #7a7a7a;
	-webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
}

#top-table .row2 td{
	padding-top: 0;
}

@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?8m4p2m');
	src:  url('fonts/icomoon.eot?8m4p2m#iefix') format('embedded-opentype'),
	url('fonts/icomoon.ttf?8m4p2m') format('truetype'),
	url('fonts/icomoon.woff?8m4p2m') format('woff'),
	url('fonts/icomoon.svg?8m4p2m#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 24px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon-download:before {
	content: "\e901";
}
.icon-icon-png:before {
	content: "\e903";
}
.pika-table abbr {
	cursor: default;
}
.icon-icon-pdf:before {
	content: "\e902";
}
.icon-icon-print:before {
	content: "\e904";
}
.icon-icon-calendar:before {
	content: "\e900";
}

.history-download a i{
	font-size: 16px;
	vertical-align: middle;
}
#chartexport a i {
	font-size: 30px;
}

#chart,
#range-selector,
#top,
#news-information,
#chart-footer,
#footer,
#bottom,
#chartexport,
#range-input{padding-left:0;padding-right:0;border:none}


.range-wrap i {
	color: #eb1e4c;
	font-size: 20px;
}

#top{
	padding-top: 0;
}

#top .top-company-info{
	color: #171717;
	font-size: 22px;
}

#wrapper{
	border:none;
}

#top-table tr.row11 td.col1,
#top-table tr.row10 td.col1,
#top-table tr.row9 td.col1,
#top-table tr.row8 td.col1,
#top-table tr.row7 td.col1,
#top-table tr.row6 td.col1,
#top-table tr.row5 td.col1,
#top-table tr.row4 td.col1,
#top-table tr.row3 td.col2 strong,
#top-table tr.row2 td.col1{
	color: #171717;
}

strong {
    font-weight: normal;
}

#error-wrapper{display:none;}

#range-selector li a {
    border: 1px solid #d8d8d8;
	transition:none 0s ease 0s ;
	padding: 10px 0;
	font-weight: bold;
	color: #3C3C3C;
	margin: 0;
	border-right: none;
}


#top-table .row1 .col2 strong{
	color: #171717;
    font-size: 24px;
}

#range-input .range-wrap input {
    display: block;
    height: 40px;
    padding: 0 10px;
    width: 100%;
    border: 1px solid #d8d8d8;
    -webkit-appearance: none;
}

#range-input .title {
    display: block;
    -webkit-text-size-adjust: none;
	color: #171717;
	font-weight:normal;
}

.dropdown select{
	padding: 8px 0 8px 6px;
}

.wrapper{
	margin-top:15px;
}
.dropdown::after {
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #eb1e4c;
    content: "";
    display: block;
    margin-top: -5px;
    position: absolute;
    right: 15px;
    top: 66%;
}

#bottom-table td, .bottom-table td{
	-webkit-text-size-adjust: none;
	padding:15px 0;
	border:none;
}

#range-selector .active a {
    background-color: #eb1e4c;
    color: #fff;
	transition:none 0s ease 0s ;
	border: 1px solid #eb1e4c;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

#range-selector .active a:hover {
	border-right: 1px solid #eb1e4c;
	border-left: 1px solid #eb1e4c;
}

#range-selector li a:hover {
    background: #eb1e4c none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #eb1e4c;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #323232;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #323232;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #323232;
}
:-moz-placeholder { /* Firefox 18- */
  color: #323232;
}

#range-selector a{border:1px solid #d8d8d8;}

#news-information .news-icons .news-icon {
    border: 1px solid #d8d8d8;
    color: #eb1e4c;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 18px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 20px;
}

#range-input .submit{
	background-color: #eb1e4c;
    border: 1px solid #eb1e4c;
    color: #ffffff;
	transition:none 0s ease 0s ;
	height: 40px;
    line-height: 39px;
    border-radius: 2px;
}

#range-input .submit:hover{
	background: #eb1e4c none repeat scroll 0 0;
    color: #fff;
}

.pika-table .pika-button:hover{
	background-color: #eb1e4c !important;
 color:#fff !important;
 box-shadow:none;
}
.pika-table .is-selected .pika-button{
 background-color: #eb1e4c !important;
 color:#fff !important;
 box-shadow:none;
}

.pika-table .pika-button{color:#eb1e4c;text-align: center;}

.pika-table .is-today .pika-day{
	background-color: rgba(0, 0, 0, 0);
	border-radius: 3px;
	color: #171717 !important;
	font-weight: bold;
	text-decoration: underline;
}

.pika-table .is-selected .pika-day{
	color: #fff !important;
	background-color: #eb1e4c !important;
}

.fa-calendar {
	color:#eb1e4c;
}

#chart-footer .history-download a {
    background-color: #eb1e4c;
    border: 1px solid #eb1e4c;
    color: #ffffff;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    transition: none 0s ease 0s ;
    width: 100%;
    
}

#chart-footer > div{
	padding-right: 20px !important;
}

#bottom-table tbody tr.row1 {
    background: #efefef none repeat scroll 0 0;
}

#bottom-table tr.row1 th.col5{
	text-align: center;
}

#chart-footer .history-download a:hover {
    background: #eb1e4c none repeat scroll 0 0;
    border: 1px solid #eb1e4c;
    color: #ffffff;
}

.history-download .select-format {
    padding: 0 0 0.4em;
}

#top-table td {
	line-height: 22px;
}

#range-selector ul{border:none;}

#chart-wrapper, .wrapper{position:relative;}
#chartexport{
	 padding: 0.8em 1em;
    position: absolute;
    right: 0;
    text-align: right;
    top: 94px;
    width: auto;
}

#chartexport a {
    background-color: #fff;
    color: #eb1e4c;
	transition:none 0s ease 0s ;
	padding: 7px 3px 3px 6px;
}

#chartexport a:hover {
    background-color: #eb1e4c;
    color: #fff;
}

#chart[data-highcharts-chart] {
    background: url("images/logo.png") no-repeat scroll 48.7% 23% transparent;
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
}

#range-input .range-wrap .calendar-icon{top:30px;}

#download-wrapper {
    line-height: 24px;
	border:none;
}

.select-exchanges .dropdown::after{
	content:none;
}

.exchange-select {
    padding-left: 3px;
}

.is-today .pika-button{
	background-color: #eb1e4c;
}

.pika-table th{
	color: #323232;
	font-family: "San Francisco","microsoft yahei","verdana","geneva","Hiragino Sans GB","宋体",sans-serif;
}
.pika-table td{
	font-family: "San Francisco","microsoft yahei","verdana","geneva","Hiragino Sans GB","宋体",sans-serif;
}
#navigation{display:none;}

#download-wrapper td {white-space:nowrap;}

.history-download .select-format{display:none;}

.dropdown{line-height:23px;}

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-accelerator:true)) { .dropdown select { padding-left:4px; } }

.dropdown select option{-moz-appearance : none;}

#chart-footer .dropdown::after{margin-top: -11px;}

#chart-footer #chartexport {
    padding: 19px 0 0 0.25em;
}
#chart,
#range-selector,
#top,
#news-information,
#chart-footer,
#footer,
#bottom,
#range-input{border:0;}

#chartexport{border:none;padding: 0.8em 0;}
.history-download a{
	padding: 6px 10px 5px 14px;
}
#bottom-table th, .bottom-table th{
	font-weight: normal;
	font-size:16px;
	background: #f3f3f3 none repeat scroll 0 0;
}

.bottom-disclaimer{
	font-size: 12px;
	line-height: 22px
}

#bottom-table th.col4, #bottom-table td.col4, #bottom-table th.col5, #bottom-table th.col6, #bottom-table td.col5, #bottom-table td.col6 {
    text-align: center;
}

.pika-title select,
.pika-prev, .pika-next,
.pika-table .pika-button,
.pika-single{font-family:"San Francisco","microsoft yahei","verdana","geneva","Hiragino Sans GB","宋体",sans-serif;}

.top-info{
	color: #00457c;
	font-size: 16px;
}

#top-table td {
	border-bottom: 1px solid #d8d8d8;
	padding: 8px 0;
}

.dropdown{
	border: 1px solid #e6dfd5;
}

#chart-footer .history-download {
    width: 25%;
}

#chart-footer h3 {
    font-weight: normal;
	color: #171717;
}

#bottom-table thead tr:last-child th, .bottom-table thead tr:last-child th{
	border-bottom: 1px solid #d8d8d8;
}

@media (min-width: 992px) {
	#bottom-table td, .bottom-table td {
		padding: 15px 2em;
	}
	#bottom-table thead tr:last-child th, .bottom-table thead tr:last-child th{
		padding: 0 2em;
		padding-bottom: 0.4em;
	}
}

#chart-footer .sma-0 {
	padding-left:0.27em !important;
}

@media screen and (max-width: 1023px){
	#range-selector li:nth-child(4) a {
		margin-right:0;
	}

	#chart-footer #chartexport{padding-top:0;padding-left:0;}

	#chart-footer .history-download {
	    width: 33.33%;
	}

	#chartexport{
		top: 142px;
	}
	.selectric-items li,
	#range-input .range-wrap input,
	.selectric .label,
	body{
		font-size: 14px;
	}

	#top .top-company-info{
		font-size: 18px;
	}

	.selectric .label{
		height: 35px;
	}

	

}

@media screen and (max-width: 768px){
	#range-input .range-wrap{
		 float: left;
	    margin-right: 0;
	    max-width: 100%;
	    padding-right: 0;
	    width: 50%;
	}
	#range-input .submit {
		float: left;
		width: 100%;
		max-width: 100%;
		margin-top: 10px;
	}
	#range-input .range-wrap.range-begin {
	    padding-right: 5px;
	}
	#range-input .range-wrap.range-begin .calendar-icon {
	    right: 10px;
	}
	#chartexport {
	    left: 0;
	    padding-top: 0;
	    position: relative;
	    text-align: left;
	    top: 0;
	    width: 100%;
	    padding-bottom: 0;
	}

	#range-selector li a:hover {
	  background: #eb1e4c none repeat scroll 0 0;
	    border: 1px solid #eb1e4c;
	    color: #ffffff;
	}

}

@media screen and (max-width: 639px){
    
	#top-table td {
		font-size:14px;
	}
	#top-table .row4,
	#top-table .row5,
	#top-table .row6,
	#top-table .row7,
	#top-table .row8,
	#top-table .row9,
	#top-table .row10,
	#top-table .row11,
	#top-table .row3 {
		width: 100%;
	}

	#top-table .row3 td {
		padding-bottom: 0.5em;
	}

	#range-input .submit {
		max-width: 100%;
	}

	#top-table .row5 td:first-child, #top-table .row7 td:first-child, #top-table .row9 td:first-child, #top-table .row11 td:first-child, #top-table .row13 td:first-child{margin-left:0;width:50%;}

	#top-table .row4 td:last-child, #top-table .row6 td:last-child, #top-table .row8 td:last-child, #top-table .row10 td:last-child, #top-table .row12 td:last-child
	{margin-right:0;width:50%;}



	

	#footer > div {
		line-height: 22px;
	}

	body{line-height:22px;}
	#range-input .range-wrap .calendar-icon{top:33px;}

	#download-wrapper table{width:500px;}

	#chartexport a{padding: 4px 10px 6px 14px;}

    #chart-footer .history-download a{
		padding: 6px;
	}

}

@media screen and (max-width: 599px){
	#chart-footer .history-download {
	    width: 50%;
	}
	#bottom-table th.col4, #bottom-table td.col4, #bottom-table th.col5, #bottom-table th.col6, #bottom-table td.col5, #bottom-table td.col6{
		text-align: left;
	}
	#bottom-table td::before, .bottom-table td::before{
		color: #323232;
		font-weight: normal;
	}
	#chart-footer .history-download a{width: 100%;}
	#bottom-table td, .bottom-table td{
		padding: 6px 0;
	}
	#chart-footer .history-download a{
		height: 40px;
		line-height: 38px;
		padding: 0;
	}
	#chart[data-highcharts-chart] {
		background: url("images/logo.png") no-repeat scroll 30% 22% transparent;
	}
}


@media screen and (max-width: 479px){
	#range-selector ul li{width:25%;}
	#range-selector a{font-size:14px;}

	#range-selector li a {
		margin: -1px 0 0 0;
	}
	#range-selector ul li{
		border-right:0;
	}
	#range-selector .active a {
		border-color: #eb1e4c;
	}

	#chart-footer > div:nth-child(2n+2),
	#chart-footer > div{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#chart-footer .history-download {
	    width: 100%;
	}

	#chart-footer > div{
		padding-right: 0px !important;
	}

	#top-table .row3 td{
		border-bottom: 1px solid #d8d8d8;
		text-align: left;
	}
	#chart[data-highcharts-chart] {
		background: url("images/logo.png") no-repeat scroll 27% 25% transparent;
		background-size: 50%;
	}
	#chart-footer .sma-0 {
		padding-left: 0 !important;
	}
}

@media (max-width: 414px) {
	#wrapper {
		padding: 20px;
		padding-top: 0;
	}
}

@media (max-width: 360px) {
	#chart[data-highcharts-chart] {
		background: url("images/logo.png") no-repeat scroll 23% 28% transparent;
		background-size: 55%;
	}
}