body {
	font-family: sans-serif, Verdana, Arial;
	font-size: 15px;
}


#header {
	background-color: #164589;
	height: 150px;
	
}

.page_title_ctn {
	border-bottom: 1px solid #ecf0f1;
    margin: 0;
    position: relative;
    clear: both;
    z-index: 2;
    overflow: visible;
    background: #f9fafb;
    }
.nav-way ol {
	float: right;
	margin:0;
}

.text-way {
	font-size: 0.8em;
}

#header .container-fluid {
   	background: url('http://www.li.mahidol.ac.th/service/images/texture-mahidol.png')right no-repeat ;
   	height: 150px;
}

#header img {
	padding-top: 35px;
   	
}
.logo-eco img{
	margin: 30px 100px 0;
	}

.button {
	float: right;
	font-size: 1em;
	margin: 20px;
}

.head-title {
	color:#234b9a;
	font-weight: bold; 
}


/* ===  navbar === */

.navbar{
	background-color: #eae8e9;
    border-top: 5px solid #fb9438;
	margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a{
	color: #5d5d5d;
	font-size: 15px;
	font-weight: 500;
}

#organizechart {
    background: white;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    overflow: hidden;
}

#organizechart  ul,ol,li {
	font-size: 15px;
}

.section1 ul{
	text-align: left;;
}

.section2 ul{
	text-align: left;;
}
.section3 ul{
	text-align: left;;
}

#division{
	padding-left: 15px;
}
#division h3{
	border-bottom: 2px dashed #337ab8;
}

.address img{
	padding-bottom: 15px;
	width: 100%;
}

.chief{
	padding-left: 50px;
}

.avatar img{
	padding-top: 15px;
}

.nav {
	font-size: 16px;
}

.nav-tabs {
	font-weight: 600;
}

.faq {
	padding-top: 20px;
	color: #31708f;
	font-weight: 600;
}

.faq img {
	padding-right: 10px;
}
.ans {
	margin-left: 40px;
	font-weight:500;
}
.ill {
	margin-left: 20px;
	font-weight:500;
	text-align:right;
}
.ill1 {
	margin-left: 0px;
	font-weight:400;
}

table {
	font-size: 15px;
}

.table-fixed thead {
  width: 100%;
}
.table-fixed tbody {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}

#cell {
	padding: 10px;
	height: 10px;
}

.table thead>tr>th {
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
}

.footnote {
	font-size: 0.8em;
	text-align: right;
	}

.font-intro {
	font-size: 20px;
	}

@media screen and (max-width: 28em) {  /*tablet size 448px/16*/
    body {
		font-size: 1.2em;
		}
	h1,h2,h3,h4,h5 {
		font-size: 1.145em;
		}
	#organizechart  ul,ol,li {
		font-size: 1em;
		}	
	p {
		font-size: 0.9em;
		padding:10px;
	}
	#header img {
		width: 90%; 	
	}
	.logo-eco img{
		display: none;
	}
	.address img{
		width: 90%;
	}
	.img-bannergiving {
		width: 100%;
	}
	footer {
		font-size: 0.857em;
	}
	.text-int {
		text-align:center
	}
	.navbar-default .navbar-nav>li>a{
		color: #5d5d5d;
		font-size: 0.9em;
		font-weight: 500;
	}
	.dropdown-menu>li>a{
		font-size: 0.9em;
	}
	.head-title {
		padding: 3px;
	}
	.table img {
		text-align: middle;
	}
}

.bg-intructor {
	background-color: #f5f5f5;
	text-align: left;
}

footer{
	background-color: #164589;
	border-top: 5px solid #fb9438;
	text-align: center;
	color: #fff;
	padding: 30px;
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/

/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color:  #234b9a;	/*#428bca;*/
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/

/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/