/* 幣別 */
#currency-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#currency-list > li {
  margin-right: 7px;
  min-width: calc(33% - 7px);
}
#currency-list > li:last-child{
  border-radius: 0 !important;
}

@media (max-width: 580px){
  #currency-list > li {
    min-width: calc(50% - 7px);
  }
}
@media (max-width: 440px){
  #currency-list > li {
    min-width: 100%;
  }
}
#currency-list > li.hide {
  display: none;
}
#all-currency-btn {
  color: #fff;
  max-width: 258px;
  margin: 10px auto;
  margin-bottom: 0;
  border: none;
}

/* 匯率試算 */
.currency-exchange-block{
  padding: 1rem;
}
#export-section,
#import-section{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.currency-exchange-block input[type="radio"]{
  margin-left: 1rem;
}
.currency-exchange-block select,
.currency-exchange-block input[type="number"] {
  padding: 0.5rem;
  border-radius: 4px;
  border: 1px solid #aaa;
  margin: 2px 5px;
}
.currency-exchange-block input[type="number"]{
  margin-left: 0;;
}
.currency-exchange-block select:disabled,
.currency-exchange-block input[type="number"]:disabled{
  background: #f2f2f2;
  color: #aaa;
  opacity: 0.7;
}
.currency-exchange-block input[type="number"]:disabled::placeholder {
  color: #aaa;
}
.currency-exchange-block div ~ div{
  margin-top: 7px;
}
#currency-exchange-form .btns {
  width: 100%;
  text-align: center;
}
#currency-exchange-form .btns .cs-btn {
  margin: 10px;
  margin-bottom: 0;
}
#currency-exchange-form .reset-btn {
  background: #aaa !important;
}
.currency-exchange-block {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.cs-service-con-sliderRate .cs-slider-head{
  border-radius: 12px 12px 0 0;
}
.cs-service-con-sliderRate .cs-slider-head.spot{
  background-color: #ffe0e3;
  color: #c62235;
}
.cs-service-con-sliderRate .cs-slider-head.cash{
  background-color: #ecf1ff;
  color: #3a5ed5;
}
.chatservice-wrapper .cs-service-con-sliderRate .cs-slider-rateGroupCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 8px;
}
.cs-service-con-sliderRate .cs-slider-head{
  padding: 12px 8px;
  text-align: center;
}
.cs-service-con-sliderRate .cs-slider-rateGroupTop-title{
  font-weight: bold;
  display: flex;
  -webkit-justify-content: center;
  height: 20px;
}
.cs-service-con-sliderRate .cs-slider-rateGroupTop-currency {
  margin: 0 4px;
}
.cs-service-con-sliderRate .exchange-line:before{
  content: "";
  display: inline-block;
  width: 1px;
  height: 48px;
  background-color: #cbcbcb;
}
.chatservice-wrapper .gray-text {
  color: #666666;
}
.chatservice-wrapper .fs-12 {
  font-size: 12px;
}
.chatservice-wrapper .fs-24 {
  font-size: 24px;
}
.chatservice-wrapper .fw-light {
  font-weight: lighter;
}
.chatservice-wrapper .fw-bold {
  font-weight: bold;
}
.cs-service-con-sliderRate .triangle:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  margin: 4px auto;
  display: inline-block;
}
.cs-service-con-sliderRate .spot .triangle:after{
  border-color: #c62235 transparent transparent transparent;
}
.cs-service-con-sliderRate .cash .triangle:after{
  border-color: #3a5ed5 transparent transparent transparent;
}
.exchange-sell, .exchange-buy{
  margin: auto;
}