@font-face {
  font-family: leelawdb;
  src: url("../font/leelawdb.ttf"); }
body {
  font-family: arial;
  font-size: 14px; }
html {
/* -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
/* filter: grayscale(100%);  */
}
h1 {
  font-size: 1.7em; }

h2 {
  font-size: 1.4em; }

h3 {
  font-size: 1.285em; }

h4 {
  font-size: 1.1em; }

.section {
  padding: 25px 0;
  overflow: hidden; }

.main-color {
  color: #fcd400; }

.sec-color {
  color: #ff0000; }

.full {
  width: 100%; }

.margin-center {
  margin: 0 auto; }

.my-btn {
  background-color: #fcd400;
  color: #000;
  padding: 5px 20px; }

.navbar-toggle {
  border-color: #fff; }
  .navbar-toggle .icon-bar {
    background-color: #fff; }

.lb-nav a.lb-prev, .lb-nav a.lb-next {
  opacity: 1; }

.owl-theme .owl-controls .owl-page.active span {
  background-color: #fff; }

.owl-theme .owl-controls .owl-page span {
  width: 16px;
  height: 16px;
  border: 2px solid black;
  opacity: 1;
  background-color: #ebebeb; }

header {
  position: relative;
  background-color: #fcd400; }
  header #tel-top {
    position: absolute;
    background-color: #000;
    color: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0px 10px 5px 10px;
    z-index: 1;
    right: 0px; }
    header #tel-top .call {
      font-size: 0.7em; }

nav {
  margin-bottom: 0 !important; }
  nav a {
    color: #333;
    padding: 0 20px !important;
    line-height: 50px !important;
    font-weight: bold; }
    nav a:hover, nav a:focus {
      background-color: inherit !important;
      color: #000;
      text-decoration: underline !important; }

#cover {
  background-color: #ddd;
  height: 750px; }
  #cover #search-box {
    padding-top: 705px; }

#audio {
  padding: 15px 0;
  background: #000; }
.adsBanner{
  text-align:center; 
  padding:0 0 15px 0;
}
.adsBanner .imgBanner{
  width:92%;
  max-width:500px;
}

#main-content .topic-time {
  font-size: 0.8em; }
#main-content .section-topic {
  padding-bottom: 25px; }
  #main-content .section-topic h3 .topic {
    background-color: #fcd400;
    font-family: leelawdb;
    font-weight: bold;
    font-size: 1.6em;
    position: relative;
    top: 3px; }
  #main-content .section-topic h3 i {
    margin-left: 15px;
    font-weight: bold;
    font-style: normal; }
    #main-content .section-topic h3 i img {
      margin-right: 5px; }
  #main-content .section-topic .sp-visible-xs h3 {
    margin-top: 0px; }
    #main-content .section-topic .sp-visible-xs h3.topic {
      margin-bottom: 25px; }
    #main-content .section-topic .sp-visible-xs h3 i {
      margin-left: 0px; }
#main-content .article {
  border: 1px solid #ebebeb;
  padding: 5px;
  overflow: hidden;
  margin-bottom: 10px; }
  #main-content .article .thumbnail {
    background-size: cover;
    height: 200px;
    background-position: 50% 50%;
    border-radius: 0; }
  #main-content .article .topic {
    line-height: 1.45em; }
  #main-content .article .date-time {
    overflow: hidden;
    font-weight: bold; }
    #main-content .article .date-time .date {
      font-weight: bold; }
    #main-content .article .date-time .time {
      font-weight: bold; }
  #main-content .article .detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    /* number of lines to show */
    line-height: 1.2em;
    /* fallback */
    max-height: 9.6em;
    font-size: 0.85em; }
  #main-content .article .my-btn {
    margin-bottom: 10px; }

footer {
  background-color: #fcd400;
  padding: 30px 0; }
  footer .contact-footer {
    color: #fff;
    padding: 20px 0; }

#copyright {
  background-color: #21282a;
  color: #b2b2b2;
  padding: 20px 0;
  font-size: 0.85em; }
  #copyright .contact-footer-social {
    position: relative; }
    #copyright .contact-footer-social a:hover {
      text-decoration: none; }
    #copyright .contact-footer-social a + a {
      margin-left: 10px; }

#contact-page {
  padding: 30px 0; }
  #contact-page .contact .contact-form {
    overflow: hidden; }
    #contact-page .contact .contact-form .each-form {
      padding: 5px 0;
      overflow: hidden; }
      #contact-page .contact .contact-form .each-form label {
        font-weight: 100; }

#main-news-inside {
  color: #fff;
  overflow: hidden; }
  #main-news-inside #owl-demo {
    position: relative; }
    #main-news-inside #owl-demo .owl-controls {
      position: absolute;
      bottom: 10px;
      width: 100%; }
    #main-news-inside #owl-demo .item img {
      display: block;
      width: 100%;
      height: auto; }
  #main-news-inside #sidebar-right {
    background-color: #20282a;
    padding: 10px 0 0; }
    #main-news-inside #sidebar-right .vdo-channel {
      padding: 20px;
      margin: 0; }
      #main-news-inside #sidebar-right .vdo-channel img + img {
        margin-top: 10px; }
  #main-news-inside .main-detail {
    border: 1px solid #ebebeb;
    padding: 20px;
    overflow: hidden;
    margin: 30px 10px;
    color: #000; }
    #main-news-inside .main-detail .main-date-time {
      color: #ff0000;
      font-weight: bold;
      border: 1px solid #c1c1c1;
      border-left: none;
      overflow: hidden;
      border-right: none;
      padding: 10px 0;
      margin: 10px 0; }
      #main-news-inside .main-detail .main-date-time span {
        position: relative;
        top: -1px; }
    #main-news-inside .main-detail .main-social a {
      color: #000;
      text-decoration: none; }
    #main-news-inside .main-detail .main-social i {
      margin-left: 20px; }
    #main-news-inside .main-detail .main-social .circle {
      background-color: #ebebeb;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px; }

.contact-info h3 {
  margin-top: 0;
  line-height: 1.3em;
  font-size: 1.3em;
  font-weight: bold; }
.contact-info hr {
  margin-bottom: 10px;
  margin-top: 10px; }

.contact-form h3 {
  margin-top: 0;
  line-height: 1.8em; }

@media (max-width: 1199px) {
  header nav {
    padding-bottom: 10px; }
    header nav .nav-justified li {
      display: inline;
      width: 100%; }
    header nav .navbar-brand {
      width: 200px; }
    header nav img {
      width: 100%; }
    header nav .tel-xs {
      background-color: #000;
      font-size: 0.8em; }
      header nav .tel-xs a {
        color: #fff; }

  #main-content .article .img-responsive {
    width: 100%; } }
@media (min-width: 768px) {
  .sp-visible-xs {
    display: none; } }
@media (max-width: 767px) {
  .sp-hidden-xs {
    display: none; }

  body {
    font-size: 16px; }

  #cover .my-btn {
    margin-top: 10px; }

  #main-content .article .img-responsive {
    width: 100%; }
  #main-content .article .detail {
    font-size: 1em; }

  header nav {
    padding-bottom: 10px; }
    header nav .tel-xs {
      background-color: #000;
      font-size: 0.8em; }
      header nav .tel-xs a {
        color: #fff; }

  #main-news-inside #owl-demo .owl-controls {
    bottom: -5px; }
    #main-news-inside #owl-demo .owl-controls .owl-page span {
      width: 10px;
      height: 10px; } }

/*# sourceMappingURL=main.css.map */