@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Kanit:300');
body{background:#fff ; }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
h1, h2, h3{ margin:0px;}
a:link, a:visited, a:active{ color: #222;text-decoration: none;}
a:hover {color: #F00;text-decoration: none;}
p { margin:0px; }
:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}
.container-fluid{ overflow:hidden;}
.head-page.container-fluid{ overflow: visible !important;}
.slide .container-fluid, .Introduction .container-fluid, .program .container-fluid, .curriculum .container-fluid, .professor .container-fluid, .souvenir .container-fluid, .contact .container-fluid{ overflow:hidden;}
.favslider-carousel .favth-carousel-inner{ margin:0px !important;}

/*** head-page***/
.head-page{ position:absolute; width:100%; z-index:10; padding:0px; padding-top:5px; padding-bottom:5px;}
.menu { padding:0px; padding-top:10px;}


.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%; background:#17468c;  }
.f-nav .head-page{ background:#17468c;box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.26); padding-top:5px; padding-bottom:5px;}




/*** slide ***/
.slide{ padding:0px; overflow:hidden; }
#fav-caption h3{ font-family: 'Kanit', sans-serif; font-size:3em; font-weight:600;text-shadow: 2px 2px 4px #000000;}
#fav-caption.favstyle-bg-transparent p{font-size:16px;text-shadow: 2px 2px 4px #000000;}
p.favreadmore.btn { background:#17468c;}
.favslider{ margin:0px !important;}
/*** head-text ***/
.head-text{ position:relative; z-index:11; margin-top:-20%; padding-bottom:7%;color:#fff; font-size:16px;text-shadow: 2px 2px 4px #000000;}
.head-text h2{font-family: 'Kanit', sans-serif; font-size:4em; font-weight:600;-webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;text-shadow: 2px 2px 4px #000000;}

/*** Introduction ***/
.Introduction{ background:#fff url(../images/intro-bg.jpg) no-repeat center top; background-size:cover; padding-top:5%; padding-bottom:3%;font-family: 'Kanit', sans-serif;}
.Introduction h2{ font-size:4em; text-transform:uppercase;}
.Introduction img { border:3px solid #fff;}

/*** program ***/
.program{ background:#f7f7f7;padding-top:5%; padding-bottom:3%;font-family: 'Kanit', sans-serif;}
.gkTabsWrap{ border:none !important;}
.program h2{ font-size:4em; text-transform:uppercase;}

/*** program ***/
.curriculum{ background:#fff;padding-top:5%; padding-bottom:3%;font-family: 'Kanit', sans-serif;}
.curriculum h2{ font-size:4em; text-transform:uppercase;}

/*** professor ***/
.professor{ background:#f7f7f7;padding-top:5%; padding-bottom:3%;font-family: 'Kanit', sans-serif;}
.professor h2{ font-size:4em; text-transform:uppercase;}
.jmm-team-profiles.default .jmm-name{ font-size:1em !important;}
.jmm-name{ font-weight:bold;}

/*** souvenir ***/
.souvenir{ background:#fff url(../images/souvenir-bg.jpg) repeat top left;padding-top:5%; padding-bottom:3%;font-family: 'Kanit', sans-serif;}
.souvenir h2{ font-size:4em; text-transform:uppercase;}
.souvenir .visform input, .souvenir .visform select, .souvenir .visform textarea{ border:none; background:#fff; padding:7px 10px; border-radius:20px;}
.souvenir img{box-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,.26);}

/*** contact ***/
.contact{ padding:0px;}

/*** copyright ***/
.copyright{ padding-top:10px; padding-bottom:10px; background:#17468c; color:#fff; border-top:3px solid #ffc122;}

.category-list{ padding-top:3%; padding-bottom:3%;}
#component-left{ padding-top:3%; padding-bottom:3%; line-height:180%;}
#component-left h3{font-family: 'Kanit', sans-serif; color:#17468c; border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px; }
#component-left a:link, #component-left a:visited, #component-left a:active{ color: #222;text-decoration: none;}
#component-left a:hover {color: #17468c;text-decoration: none;}
#component-left li { list-style-type:none !important;}
#component-left li{ font-weight:bold;}
#component-left li li{ font-weight: normal !important;}