﻿@charset "UTF-8";
/** {
    filter: grayscale(100%);
}*/
body {
  margin: 0;
  font-family: 微軟正黑體, 蘋果麗黑字體, Adobe繁黑體Std B, Microsoft JhengHei, Lucida Sans Unicode, ARIAL;
  background: #ffffff;
  font-size: 16px;
}

#A1 {
  font-size: 12px;
}

#A2 {
  font-size: 16px;
}

#A3 {
  font-size: 20px;
}

#content {
  background: #ffffff;
}

#mainContent {
  background: #ffffff;
}

@media (min-width: 992px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flexbox;
  }
}
@media (max-width: 991px) {
  #mobileshareBtns {
    display: block;
  }
  #shareBtns {
    display: none;
  }
  #chartinfo {
    display: none;
  }
  #mobile-chartinfo {
    display: block;
  }
  #sideMenu .navbar-toggle {
    display: block;
  }
}
@media (min-width: 992px) {
  #mobileshareBtns {
    display: none;
  }
  #shareBtns {
    display: block;
  }
  #chartinfo {
    display: block;
  }
  #mobile-chartinfo {
    display: none;
  }
  #mobilesearchbutton {
    display: none;
  }
}
#searchinputform {
  max-width: 700px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mobileshareBtns div {
  display: inline-block;
  margin-right: 10px;
}

.titlebanner {
  margin-bottom: 10px;
}

.titlebanner img {
  margin: auto;
}

.videothumbnail-data img {
  width: 150px;
}

.videothumbnail-data label {
  width: 160px;
}

.thumbnail-data img {
  width: 100px;
  height: 140px;
}

.thumbnail-data label {
  width: 210px;
}

h4 {
  text-align: center;
}

#m-fs1, #m-fs2, #m-fs3, #m-fs4 {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 550px;
  background-color: #ffffff;
  border: 1px solid #000000;
  text-align: left;
  padding: 10px;
}

#chartinfo {
  margin-top: 10px;
  min-height: 800px;
  text-align: center;
}

#mobile-chartinfo {
  margin-top: 10px;
}

#chartinfocontent {
  text-align: center;
  display: inline-block;
  position: relative;
}

.dropdown-menu {
  min-width: 300px;
}

.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
