h1, .h1 {
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

/* US color */
.color-u3 {color:#66ffd9}
.color-u2 {color:#00cc99}
.color-u1 {color:#009973}
.color-d1 {color:#997a00}
.color-d2 {color:#cca300}
.color-d3 {color:#ffcc00}

.color-kr-u3 {color:#cc0000}
.color-kr-u2 {color:#ff3333}
.color-kr-u1 {color:#ffb3b3}
.color-kr-d1 {color:#b3c6ff}
.color-kr-d2 {color:#668cff}
.color-kr-d3 {color:#3366ff}

/* stock tile */
.fs-stock-tile {
  display: inline-block;
  padding: 0.2rem 0.2rem;
  font-size: 80%;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  margin: 2px 1px;
  color: #eeeeee;
  background-color: rgba(0,0,0,1);
  cursor: pointer;
  width: 99%;
}
@media (min-width: 749px) {
  .fs-stock-tile-md {
    font-size: 100%;
  }
}


.fs-stock-tile-us-u3 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#66ffd9 !important}
.fs-stock-tile-us-u2 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#00cc99 !important}
.fs-stock-tile-us-u1 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#009973 !important}
.fs-stock-tile-us-d1 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#997a00 !important}
.fs-stock-tile-us-d2 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#cca300 !important}
.fs-stock-tile-us-d3 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#ffcc00 !important}

.fs-stock-tile-kr-u3 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#cc0000 !important}
.fs-stock-tile-kr-u2 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#ff3333 !important}
.fs-stock-tile-kr-u1 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#ffb3b3 !important}
.fs-stock-tile-kr-d1 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#b3c6ff !important}
.fs-stock-tile-kr-d2 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#668cff !important}
.fs-stock-tile-kr-d3 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#3366ff !important}

.badge-fs {
  font-size: 50%;
  padding: .1rem;
  border-radius: .2rem;
}
.badge-gold {
  color: #212529;
  background-color: gold;
}
.badge-silver {
  color: #212529;
  background-color: silver;
}
.badge-bronze {
  color: white;
  background-color: DarkGoldenRod;
}
.badge-u2 {
  color: black;
  background-color: #00cc99;
}
.badge-d2 {
  color: black;
  background-color: #cca300;
}
.badge-menu {
  font-family: 'Do Hyeon', sans-serif;
  font-size: 12px;
  padding: 0;
  vertical-align: text-top;
}
.badge-marker {
  color: #00ff00;
  background-color: transparent;
}

.marketmap {
  position: relative;
  width: 98%;
  height: 23rem;
  font-size: 80%;
  border: 1px solid black;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.marketmap-over {
  position:absolute;
  top:40%;
  left:20%;
  width:60%;
  height:5rem;
  background:rgba(0,0,0,.8);
  z-index:999;
}
@media (min-width: 768px) {
  .marketmap {
    width: 98%;
    height: 30rem;
    font-size: 100%;
  }
  .marketmap-over {
    position:absolute;
    top:40%;
    left:40%;
    width:20%;
    height:5rem;
    background:rgba(0,0,0,.8);
    z-index:999;
  }
}

.map-block {
  display:flex;
  align-items:center;
  justify-content:center;
  border:solid black 1px;
}

.price_chart {
  width: 20rem;
  height: 8rem;
  font-size: 80%;
  display: block;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .price_chart {
    width: 60rem;
    height: 24rem;
    font-size: 100%;
  }
}

.fs-btn-round {
  border-radius: 50rem;
  padding: 2px 6px;
  font-size: 80%;
  color: white;
  background-color: gray;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.fs-btn-round:hover {
  background-color: silver;
  color: black;
}

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-thumb {
  background-color: #222222;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}

.fs-select-round {
  border-radius: 50rem;
  border-width: 0;
  padding: 2px 6px;
  font-size: 80%;
  color: white;
  background-color: DodgerBlue;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}

.blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}

.alert-darker {
  color: white;
  background-color: #696969;
  border-color: #454545;
}
.alert-darker .alert-link {
  color: #101214;
}

ins.adblock {
  min-width:300px; max-width:970px; width:100%; height:100px;
}
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
ins.adblock[data-ad-status="unfilled"] { display: none !important; }