@import url('https://fonts.googleapis.com/css?family=Kanit:300,600&subset=thai');

body {font-family: 'Kanit', Helvetica, Arial, sans-serif; font-size: 16px; margin-left: 0px;margin-right: 0px; background-image:url(images/BG_DIAG.gif)}

a:visited,a:link {text-decoration: none; }/*color: #985728;*/
a:hover,a:focus,a:active {text-decoration: none; } /*color: #FED559;*/ /*#FFA948*/

/* Style Navbar ใช้ปรับสี ปรับfont ที่ Navbar---------------------------------------------------------------------------------*/
/*.navbar {padding: 10px;}*/
.navbar {margin: 0; padding: 0;}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #FED559;
}

.navbar-inverse .navbar-nav > .active > a {
    border-radius: 0;
    color: #000;
    background-color: #FED559;
}
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    border-radius: 0;
    color: #FFF;
    background-color: #FED559;
}

/*navsMenu ใช้ปรับสีกับ font ในเมนูหลัก------------------------------------------------------------------------*/
.navsMenu{ padding: 5px 10px 5px 10px; background: #FED559; }
.styleNavs{ font-size: 16px; color: #FFFFFF; text-align: center;}
.styleNavs > a:link,
.styleNavs > a:visited {color: #000;}
.styleNavs > a:hover,
.styleNavs > a:focus,
.styleNavs > a:active {color: #000;}/*#FFA948 #D9B200*/

.styleMenuH{ font-size: 20px; color: #FED559;}/*#FFA948*/
.styleMenu{  font-size: 18px; color: #FFFFFF;}
.styleAlert{ font-size: 18px;}


.style1 {font-size: 14px;color:#0033FF}
.style2 {font-size: 12px}
.style3 {font-size: 12px; }
.style4 {font-size: 16px;color: #FFFFFF;}
.style18 {font-size: 14px; color:#FF0000}
.style22 {font-size: 11px; color: #006DBD; }
.style23 {font-size: 11px; color: #FFFFFF; }
.style24 {font-size: 14px; color: #000000; }
.style27 {font-size: 14px;color: #FFFFFF;}
.style28 {font-size: 14px; }
.style29 {color: #FFFFFF}
.style30 {font-size: 14px; color: #FF0000; }
.style31 {font-size: 14px; color: #FFFFFF; }
.style32 {font-size: 14px; color: #0000FF; }
.style34 {font-size: 14px; color:#336600}
.style35 {font-size: 16px; color: #FF0000; }
.style36 {font-size: 16px; color: #336600; }
.style37 {font-size: 14px; color: #FF6600; }
.style38 {font-size: 14px; color: #33CC00; }
.style39 {font-size: 16px; color: #33CC00; }
.style40 {font-size: 16px; color: #003366; }
.style41 {font-size: 14px; color: #1F4F7E; }
.style42 {font-size: 12px; color: #1F4F7E; }
.style43 {font-size: 14px; color: #FF6600; }
.style44 {font-size: 14px; color: #0066FF; }
.style45 {font-size: 16px; color: #FF9900; }
.style46 {font-size: 16px; color: #FF9900; }
.style47 {font-size: 16px; color: #000000; }
.style48 {font-size: 16px; color: #FF0000; }
.style49 {font-size: 16px; color: #000000; }
.style50 {font-size: 16px; color: #090; }
.style51 {font-size: 16px; color: #0066FF; }
.stylePageHead {font-size: 25px; color: #0066FF; }
.styleMenu {font-size: 16px; color: #000000; }
.styleFoot1 {font-size: 12px; color: #0066FF; }
.styleFoot2 {font-size: 12px; color: #000000;}
.stylePrint1 {font-size: 16px; color: #000000; }
.stylePrint2 {font-size: 17px; color: #000000; }

.styleIconDel { font-size: 20px; color: #800002; }
.styleIconEdit { font-size: 20px; color: #000000; } /*FF9900*/
.styleIconUPDOWN { font-size: 20px; color: #FDCB44; }

.styleButtonDoc { font-size: 25px;}

.styleTip{ font-size: 14px; color: #999;}

/*ใช้ในหน้า login ของอาจารย์ แสดงโลโกคณะฯ*/
.mainAbout{
    font-family: 'Kanit', Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-align: center;
    color: #9b784b;
  
    padding: 10px 0 10px 0;
    background-attachment: fixed;
    background-image: url("../images/ArchBuilding.jpg");
    background-position: center center;
    background-size: cover;
  }

.SectionContent {
padding: 2% 0 2% 0;
background-color: #f6f6f6;
}

/*100% Button ทำให้ button ยาว 100% */
.buttonFull {
    width: 100%;
  }