@import url('https://fonts.googleapis.com/css?family=Sarabun:300,400,700&display=swap');

html, body{
  margin: 0;
  padding: 0;
  right: 0px;
  left: 0px;
  font-family: 'Sarabun', sans-serif;
  font-size: 96.7%;
  width: 100%;
}

.lite{
  font-weight: 300;
}

.header{
  background: rgb(52, 161, 18);
  width: 100%;
  background-image: url('https://internalmed.medicine.psu.ac.th/media/upload/1568092459-header-bg-1.png');
  /* background-image: url('https://internalmed.medicine.psu.ac.th/media/upload/1568093681-bg-2.png'); */

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header .head-liner{
  background: rgb(255, 69, 0);
  height: 5px;
}

.header .container .header-banner{
  padding: 20px 10px;
  color: #fff;
}



.nav-link{
  /* color: #fff !important; */
}

.nav-item{
  color: #000 !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
}

.nav-link:hover, .navbar-light .navbar-nav .nav-link:hover{
  background: rgb(238, 64, 0);
  color: #fff !important;
}

.dropdown-menu{
  border-radius: 0px;
  margin-top: 0px;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

.li-bg{
        height: 2px;
            background: -webkit-linear-gradient(left, #de4756 5%, #f69127 5%, #f69127 10%, #a3c83a 10%, #a3c83a 15%, #56a3da 15%, #56a3da 20%, #EEE 20%);
            background: -o-linear-gradient(left, #de4756 5%, #f69127 5%, #f69127 10%, #a3c83a 10%, #a3c83a 15%, #56a3da 15%, #56a3da 20%, #EEE 20%);
            background: linear-gradient(to right, #de4756 5%, #f69127 5%, #f69127 10%, #a3c83a 10%, #a3c83a 15%, #56a3da 15%, #56a3da 20%, #EEE 20%);
            }

li.list-group{
  padding: 10px;
  border: dashed;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px;
  border-color: rgb(224, 224, 224);
}

li.list-group > a{
  color: rgb(66, 66, 66);
  text-decoration: none;
}

li.list-group:hover{
  background: rgb(242, 242, 242);
}

.owl-stage{
  padding: 0px !important;
}

.custom-card{
  border: none;
  border-radius: 0px;
}

.custom-card > .card-body{
  padding: 10px 2px;
}

.img-link{
  padding-bottom: 10px;
}

.fx1{ font-size: 1.1em; }
.fx2{ font-size: 1.2em; }
.fx3{ font-size: 1.3em; }
.fx4{ font-size: 1.4em; }
.fx5{ font-size: 1.5em; }