body{background: rgb(5,105,141); background: linear-gradient(90deg, rgba(5,105,141,1) 0%, rgba(10,84,101,1) 58%); color: #666666; font-size: 17px; font-family: 'Poppins', sans-serif; line-height: 25px;}
.top {padding-top: 10px; padding-bottom: 10px; color: #ffffff; background-color: none;}
.header {padding-top: 0px; padding-bottom: 0px; color: #077ab1; font-weight: bold; background-color: #ffffff; font-size: 18px;}
.header a{color: #077ab1; text-decoration: none; font-size: 18px; font-weight: bold;}
.header a:hover{color: #0a5465; text-decoration: none; font-size: 18px; font-weight: bold;}
.home {padding-top: 80px; background-color: #ffffff; padding-bottom: 80px; text-align: start;}
.nav-item{margin-left: 5px; margin-right: 5px;}
.home2 {padding-top: 80px; background: none; padding-bottom: 80px; text-align: start; color: #ffffff;}

h1{font-size: 41px; padding-top: 0px; margin-bottom: 10px; text-align: center; color: #0a5465; line-height: 55px; font-weight: normal; font-family: 'Kanit', serif;}
h2{font-size: 37px; padding-top: 0px; margin-bottom: 21px; text-align: center; color: #967a50; line-height: 41px; font-weight: bold; font-family: 'Kalam', serif;}
h3{font-size: 25px; padding-top: 25px; margin-bottom: 21px; text-align: left; color: #f36233; line-height: 41px; font-weight: bold; font-family: 'Kalam', serif;}
h4{font-size: 28px; padding-top: 0px; margin-bottom: 10px; margin-top: 41px; text-align: center; color: #967a50; line-height: 38px; font-weight: bold; font-family: 'Kalam', serif;}
h5{font-size: 28px; padding-top: 0px; margin-bottom: 41px; text-align: center; color: #967a50; font-weight: normal; font-family: 'Kanit', serif;}

.btn2{color: #fff; background: #0a5465; border-radius: 10px; padding-left: 20px; padding-right: 20px; padding-top: 7px; padding-bottom: 7px; border: 0px;}
.btn2:hover{color: #fff; background: #967a50; border-radius: 10px; padding-left: 20px; padding-right: 20px; padding-top: 7px; padding-bottom: 7px; border: 0px;}
.btn3{color: #000000; background: #967a50; border-radius: 10px; border: 0px; margin-top: 10px; padding: 5px; padding-left: 10px; padding-right: 10px; font-weight: bold;}
.fatog{font-size: 30px; color: #077ab1;}
.fa{color: #fff; padding-right: 10px; font-size: 33px; font-weight: normal;}
.disc {padding: 15px; font-size: 25px; margin-bottom: 15px; background: #e5ecf6; border-radius: 10px; color: #f36233; font-weight: bold; text-align: center;}
.adminc1 {padding: 10px; background: #f5f4f2; color: #2b2b2c; font-weight: normal;}
.adminc2 {padding: 10px; color: #2b2b2c; font-weight: normal;}
.adminc3 {padding-top: 3px; padding-left: 3px; color: #2b2b2c; font-weight: normal;}
.book {color: #fff; background: #017a33; font-size: 25px; padding: 10px;}
.hire {color: #fff; background: #cb1111; font-size: 25px; padding: 10px;}
.box{padding-bottom: 12px; padding-top: 12px; background: #e5e4e4; border-radius: 10px; text-align: center; font-weight: bold;}
.jy { text-align:justify;}
.footer {padding-top: 70px; padding-bottom: 70px; text-align: start; color:#cec9c9; margin-bottom: 0px; background-color: #234640;}
.footer a{color: #cec9c9; text-decoration: none;}
.footer a:hover{color: #f36233; text-decoration: none;}

.btn1{color: #fff; background: #0a5465; border-radius: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border: 0px; font-size: 16px;}
.btn1:hover{color: #fff; background: #967a50; border-radius: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border: 0px; font-size: 16px;}




.lt { text-align:left;}
.cr { text-align:center;}
.rt { text-align:right;}
.jy { text-align:justify;}
.alert {color: #FF0000; font-weight: bold;}
#tablenolisting { background-color:#F0F0F0; border: 0px solid #333333;}
#tablenolisting td {border: 0px solid #333333; padding-left: 10px; padding-right: 10px;}
#tablenolisting a:link, a:visited {color:#000; padding:2px; text-decoration:none;}
#tablenolisting a:hover,a:active { background-color:#333; color:#FF0; padding:2px; text-decoration:none; }