canvas{background:url('https://data.kgold.site/img/kgold-license.png')no-repeat 90% 15%;}
canvas#SPDRMinChange, canvas#SPDRMinTotal, canvas#SDPRWeek, canvas#SDPRMonth, canvas#Grayscale_buysell_week, canvas#Grayscale_buysell_month{background:url('https://data.kgold.site/img/kgold-license2.png')no-repeat 90% 15%;}

.nolicense{background:none;}
.kgoldbg{background:url('https://data.kgold.site/img/kgold-license.png')no-repeat 90% 15%;}
.kgoldbgmin{background:url('https://data.kgold.site/img/kgold-license2.png')no-repeat 90% 15%;}
/*.51bg{background:url('https://data.kgold.site/img/51-bg.png')no-repeat 90% 15% !important;}
.51bgmin{background:url('https://data.kgold.site/img/51-bg2.png')no-repeat 90% 15%;}*/

#COT,#ETFsPriceVolume, #CurrencyStrength_Today, #LongShortGold, #ExchangeFlow, #GoldWeekChart, #GoldFuture, #Bitcoin_BTC_Fiat, #Bitcoin_Wallets{background:url('https://data.kgold.site/img/kgold-license.png')no-repeat 90% 15%;}

#GoldOption1, #GoldOption2 {background:url('https://data.kgold.site/img/kgold-license2.png')no-repeat 90% 15%;}


#SPDRPriceVolume{background:url('https://data.kgold.site/img/bgkgold.png')no-repeat 50% 50%,url('https://data.kgold.site/img/kgoldvn3.png')no-repeat 90% 10%;}

@media only screen and (max-width: 600px) {
	canvas{background:url('https://data.kgold.site/img/kgold-license2.png')no-repeat 90% 15%;}
	#COT,#ETFsPriceVolume, #CurrencyStrength_Today, #LongShortGold,#ExchangeFlow, #GoldWeekChart, #GoldFuture{background:url('https://data.kgold.site/img/kgold-license2.png')no-repeat 90% 15%;}
}


.idea{margin: 10px; background: #f2f5f8; border: 1px solid #999999;}
.idea .heading{padding: 10px;}
.idea .content{padding: 10px;}
.idea img{max-width: 100%;}
.idea .author{float:left; margin-right: 5px;}
.idea .time{float:right;margin-top: 5px;}
.idea h2{font-size:  18px; margin:10px 0; font-weight: bold;display:inline-block;}
.idea .long{padding: 2px 8px; background: green; color: white; display: inline-block; border-radius:10px;}
.idea .short{padding: 2px 8px; background: red; color: white; display: inline-block; border-radius:10px;}
.idea .author span{font-size: 18px;}


.etf-table table{background: #eeeeee; padding: 10px;margin-bottom: 30px;}
.etf-table th{text-align: right; border-bottom: 1px solid #aaaaaa; padding-bottom: 5px; margin-bottom: 5px;}
.etf-table th:first-child{text-align:left;}

.etf-table td{text-align: right; padding: 0 10px;}
.etf-table td:first-child{text-align:left;}
.etf-table td:last-child{color: green;}
.etf-table td:last-child.negative { color : red; }

.etf-table tr:nth-child(even) {background: #dddddd}
.etf-table tr.total {background: #999999;}

.pascan {color: #000000;}
.pascan .item {border: 1px solid #ddd;border-radius: 7px;}
.pascan .item .item-title{background:#eee;padding: 5px;}
.pascan .item .item-title h3{font-size: 18px;}
.pascan .item .item-content {padding: 10px;}
.pascan table{background: none;}
.pascan td{text-align: left;}
.pascan tr{display:block; margin-bottom: 5px;}
.pascan strong{color: #01aff1;}

.heatmap {  width: 95%;  max-width: 700px;  display: block;  clear: both;  overflow: hidden;  text-align: center;  margin-top: 30px;  margin-bottom: 0px;}.heatmap .heatmap-head,.heatmap .heatmap-row {  clear: both;  display: block;  overflow: hidden;}.heatmap .heatmap-head div,.heatmap .heatmap-row div {  width: 10.811%;  float: left;  display: block;  margin-left: 0.3%;  margin-bottom: 0.3%;}.heatmap .heatmap-cur-head,.heatmap .heatmap-cur-row {  clear: both;  display: block;  overflow: hidden;}.heatmap .heatmap-cur-head div,.heatmap .heatmap-cur-row div {  width: 12.2%;  float: left;  display: block;  margin-left: 0.3%;  margin-bottom: 0.3%;}.heatmap .heatmap-cur-row .heat {  display: none;}.heatmap .heat2 {  background-color: Green;}.heatmap .heat1 {  background-color: #39b54a;}.heatmap .heat0 {  background-color: Gray;}.heatmap .heat-0 {  background-color: Gray;}.heatmap .heat-1 {  background-color: Red;}.heatmap .heat-2 {  background-color: #8B0000;}.heatmap-home {	font-size: 80%;  display: block;  clear: both;  overflow: hidden;  width: 100%;  height: 250px;}.heatmap-home a,.heatmap-home a:hover {  text-decoration: none;}.heatmap-home .heatmap-head,.heatmap-home .heatmap-row {  line-height: 24px;  clear: both;  display: block;  overflow: hidden;  margin: 0px;}.heatmap-home .heatmap-head .head,.heatmap-home .heatmap-row .head {  text-align: left;  width: 12%;}.heatmap-home .heatmap-head div,.heatmap-home .heatmap-row div {  width: 17.6%;  float: left;  display: block;  border: 1px solid #fff;  text-align: center;}.heatmap-home .heatmap-cur-row .heat {  display: none;}.heatmap-home .heat2 {  background-color: #00008B;}.heatmap-home .heat1 {  background-color: Blue;}.heatmap-home .heat0 {  background-color: #90EE90;}.heatmap-home .heat-0 {  background-color: #90EE90;}.heatmap-home .heat-1 {  background-color: Red;}.heatmap-home .heat-2 {  background-color: #8B0000;}

.tableCOT{}
.negative-num2{background: red; padding: 10px;}


.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 700px;
  padding-top: 56.25%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/*------Ktab------*/

.tab-wrap {
  -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
  box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(11) ~ .tab__content:nth-of-type(11) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(12) ~ .tab__content:nth-of-type(12) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(13) ~ .tab__content:nth-of-type(13) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tab:checked + label {
  background-color: #fccd09;
  color: #000000;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fccd09;
}
.tab + label {
  box-shadow: 0 -1px 0 #eee inset;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  text-align: center;
  background-color: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
}
.tab + label:hover {
  background-color: #333333;
  box-shadow: 0 1px 0 #f4f4f4 inset;
}
.tab__content {
  padding: 10px 25px;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  border-radius: 6px;
}

