body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px; line-height: 28px; color: #000000; font-weight: 300;
	background: #fff;
	margin: 0;
	padding: 0;
	line-height: normal;
	display: flex;
	min-height: 100%;
	flex-direction: column;
}

html {
    height: 100%;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Roboto', sans-serif;
  padding: 0;
  margin: 0;
}

ul, ol, li, form, input, select, div, textarea{
  padding: 0;
  margin: 0;
}

p{color:#4d4c4c; padding:0; margin:0;}

img {
  border: none;
  max-width: 100%;
  height: auto
}
.clear {
  margin: 0;
  padding: 0;
  clear: both
}
.after:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden
}
a {
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: none;
  transition: all 0.3s;
  transition: all 500ms ease-in-out;
}
a:hover {
  text-decoration: none
}

button{transition: all 0.3s;
  transition: all 500ms ease-in-out;}
img {
  max-width: 100%;
}

p{margin-bottom:18px;}

.wrapper{
	max-width:1327px; width: 100%;
	margin: 0 auto;
}

.wrapperSmal{
	max-width:1140px; width: 100%;
	margin: 0 auto;
}


.bannerTop{background:rgba(6,74,127,1); padding-bottom: 10px; padding-top: 10px; width: 100%; display: inline-block; 
  /* position: fixed;  */
  z-index: 999;}

.bannerTopSub{padding: 0 15px; width: 100%; display: flex;}
.bannerTopSub .logoSec{margin: 0 auto 0 0;}

.logoMobTop{display: none;}


.bannerTopSub .topNavSec{margin: 0 0 0 auto; padding-top: 18px;}

.bannerTopSub .topNavSec ul.loginNav{float: right; list-style-type: none; display: flex; align-items: center;}
.bannerTopSub .topNavSec ul.loginNav li{float: left; margin: 0 8px; font-weight: normal;}
.bannerTopSub .topNavSec ul.loginNav li:last-child{margin-right: 0;}
.bannerTopSub .topNavSec ul.loginNav li:first-child{margin-left: 0;}

.bannerTopSub .topNavSec ul.loginNav li a{color: #fff; font-size: 15px; padding:0; text-decoration: none; display: inline-block;}
.bannerTopSub .topNavSec ul.loginNav li a:hover{color: #fff;}

.bannerTopSub .topNavSec ul.loginNav li a i{color: #EA653C;}

/* .bannerTopSub .topNavSec ul.loginNav li a.login{background: #EA653C; color: #fff; font-size: 15px; padding:0; text-decoration: none; display: inline-block;} */

.bannerTopSub .topNavSec ul.loginNav li:last-child a{background: #EA653C;
  color: #fff;
  font-size: 15px;
  padding: 3px 14px;
  text-decoration: none;
  border-radius: 40px;}




.bannerTopSub .topNavSec ul.mainNav{float: right; list-style-type: none; clear: both; margin-top:9px; }
.bannerTopSub .topNavSec ul.mainNav li{float: left; margin: 0 12px; font-weight: normal; font-weight: 400; position: relative; list-style-type: none;}
.bannerTopSub .topNavSec ul.mainNav li:last-child{margin-right: 0;}
.bannerTopSub .topNavSec ul.mainNav li:first-child{margin-left: 0;}

.bannerTopSub .topNavSec ul.mainNav li a{color: #fff; font-size: 15px; padding:5px 0; text-decoration: none; border-radius: 0; display: inline-block;}
.bannerTopSub .topNavSec ul.mainNav li a:hover{color: #EA653C; font-size: 15px; text-decoration: none; border-radius: 0; display: inline-block;}

.bannerTopSub .topNavSec ul.mainNav li:last-child a{color: #fff; font-size: 15px; background: #2C7ACC;
  margin: 0;
  padding: 2px 13px;
  text-decoration: none;
  border-radius: 50px;}

.bannerTopSub .topNavSec ul.mainNav ul.sub-menu li:last-child a{color: #fff; font-size: 15px; background: #EA653C;
  margin: 0;
  padding: 8px 11px;
  text-decoration: none;
  border-radius: 0;}
  
.bannerTopSub .topNavSec ul.mainNav li:last-child a:hover{color: #fff; font-size: 15px; background: #2C7ACC;}




.bannerTopSub .topNavSec ul.mainNav li button {
  display: none;
}
.bannerTopSub .topNavSec ul.mainNav li ul {
  background:#EA653C;
visibility: hidden;
opacity: 0;
min-width:220px;
position: absolute;
transition: all 0.5s ease;
margin-top: 0;
left: 0;
display: none;
top:28px;
z-index: 1;
}

.bannerTopSub .topNavSec ul.mainNav li:hover > ul,
.bannerTopSub .topNavSec ul.mainNav li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.bannerTopSub .topNavSec ul.mainNav li ul li {
  clear: both; margin: 0; padding: 0; border-bottom: #ffffff solid 1px;
  width: 100%;
}
.bannerTopSub .topNavSec ul.mainNav li ul li:last-child{border: none;}
.bannerTopSub .topNavSec ul.mainNav li ul li a{padding: 8px 11px; margin: 0; border: none; border-radius: 0; font-size: 15px; color: #fff; display: block;}
.bannerTopSub .topNavSec ul.mainNav li ul li a:hover{padding: 8px 11px; margin: 0; border: none; border-radius: 0;  font-size: 15px; color: #fff; background: #333; display: block;}

.bannerTopSub .topNavSec ul.mainNav li ul li:last-child a{padding: 8px 11px; margin: 0; border: none; border-radius: 0; font-size: 15px; color: #fff; display: block;}
.bannerTopSub .topNavSec ul.mainNav li ul li:last-child a:hover{padding:8px 11px; margin: 0; border: none; border-radius: 0; font-size: 15px; color: #fff; background: #333; display: block;}






.bannerSec{padding: 60px 0; width: 100%; display: flex; align-items: center; background: url("../images/banner.jpg") no-repeat top center; 
	min-height: 735px; background-size: cover;}

.bannerSec .leftTxtSec{margin:0; padding: 0 15px; max-width:955px;}
.bannerSec .leftTxtSec h2{font-size: 42px; color: #000; font-weight:800;margin-bottom: 30px; margin-top: 0; line-height: 54px;}
.bannerSec .leftTxtSec h2 strong{display: block; color: #EA653C; font-weight: 800;}

.bannerSec .leftTxtSec p{font-size: 17px; line-height: 32px; color: #000000; max-width: 639px;}



.welcomeSecMain{
/*	background: #AE3E1C; */
	width: 100%;}
.welcomeBotSecTopSec{padding-top: 55px; padding-bottom: 65px; display: inline-block; width: 100%;}


.topbox{width: 100%;}
.topbox i{font-size: 71px; color: #fff; margin-bottom: 17px;}
.topbox h2{font-size: 22px; color: #fff; font-weight:700; margin-bottom: 17px; margin-top: 0;}
.topbox p{font-size: 16px; line-height: 26px; color: #f3cdce; font-weight:300; margin-bottom: 17px;}
.topbox p a{color: #fff; text-decoration: none;}
.topbox p a:hover{color: #fff; text-decoration: underline;}


.welcomeBotSecBotec{background: #fff; padding-top: 85px; padding-bottom: 85px; border-radius:0; width: 100%; display: inline-block;}

/* .welcomeTxtLeft{padding-top: 60px;} */
.welcomeTxtLeft h1 {font-size: 32px; color: #0e0e0e; font-weight: 400; max-width: 650px; margin-bottom: 24px; margin-top: 0; line-height: 47px;}

.welcomeTxtLeft h1 span {font-weight: 900; color: #EA653C; font-size: 48px; display: block;	}

.welcomeTxtLeft p {font-size: 16px; line-height: 36px; color: #000;}

.welcomeTxtLeft h3 {font-size: 24px; color: #EA653C; font-weight: 400; max-width: 650px; margin-bottom: 15px; margin-top: 0; line-height: 30px;}


.welcomeImgRight img{border: #272727 solid 8px; border-radius: 7px;}


.noticeSec{width: 100%; background: #edecec; margin-top: -10px;}

.noticeSecSub{display: flex;}



.latestUpdateSecLeft { padding-top: 47px; padding-bottom: 25px;}
.latestUpdateSecLeft h2 {color: #162127; font-size: 24px; font-weight: 700; margin-bottom:0; text-align: left; margin-top: 0;}

.latestUpdateSecLeft p {color: #494b4d; font-size: 15px; line-height: 28px; padding: 13px 0;}

.latestUpdateSecLeft ul.listNotice {list-style-type: none; display: inline-block; margin-bottom: 8px;}

.latestUpdateSecLeft ul.listNotice li {color: #494b4d; font-size: 15px; line-height: 24px; padding: 13px 0; border-bottom: dashed #717577 1px;}
.latestUpdateSecLeft ul.listNotice li:last-child{border-bottom: none;}
.latestUpdateSecLeft a.viewAll {background: #EA653C; padding: 9px 25px; border-radius: 50px; color: #fff; font-size: 15px; display: inline-block; font-weight: 400;}

.ongoingProgram{display: flex;}

.programSub {
  background: #AE3E1C;
  width: 100%;
  padding: 0 18px;
  display: inline-block;
  margin-top: -43px;
  margin-bottom: 0;
  padding-top: 43px; position: relative; padding-bottom: 22px;
}

.programSub .imgLeft{position: absolute; left: -31px; top: 0;}
.programSub .imgRight{position: absolute; right:-31px; top: 0;}

.programSub h2{font-size: 24px; font-weight: 700; color: #fff; margin: 0; padding: 0 0 16px 0;}
.programSub ul{margin: 0 0 12px 0; padding: 0; list-style-type: none;  display: inline-block; width: 100%;}
.programSub ul li{background: url("../images/arro.png") no-repeat 0 3px; color: #fff; margin: 0 0 15px 0; padding:  0 0 0 12px; font-size: 16px;}

.programSub a.viewAll {background: #fff; padding: 9px 25px; border-radius: 50px; color: #a21e21; font-size: 15px; display: inline-block; font-weight: 400;}
 

.footerBlue {
  background: #7A8388;
  width: 100%;
  padding: 25px 0;
}

.footerLeft h2 {
  border-bottom: solid 1px #fff;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px; margin-top: 0;
  color: #fff;
  font-weight: 700;
}

.footerLeft ul {
  list-style-type: none;
  display: inline-block;
}

.footerLeft ul li {
  width: 25%;
  padding-right: 35px;
  float: left;
}

.footerLeft ul li a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: dashed #fff 1px;
  display: block;
}


.footerRight h2 {
  border-bottom: solid 1px #fff;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px; margin-top: 0;
  color: #fff;
  font-weight: 700;
}
.footerRight ul.address {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 14px;
}

.footerRight ul.address li.addresList {
  font-size: 15px;
  color: #fff;
  padding-bottom: 10px;
  background: url(../images/locationIcon.png) no-repeat 0 3px;
  padding-left: 24px;
  line-height: 22px;
}

.footerRight ul.address li.emailList {
  font-size: 15px;
  color: #fff;
  padding-bottom: 10px;
  background: url(../images/msgIcon.png) no-repeat 0 3px;
  padding-left: 24px;
  line-height: 22px;
}

.footerRight ul.address li.phonList {
  font-size: 15px;
  color: #fff;
  padding-bottom: 10px;
  background: url(../images/phonIcon.png) no-repeat 0 3px;
  padding-left: 24px;
  line-height: 22px;
}

.footerRight ul.address li.emailList a {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}
.footerRight ul.address li.emailList a:hover {
  text-decoration: underline;
}



.footerRight p.follow {
  font-size: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
}


.footerRight p.follow span {
    padding-right: 8px;
    font-weight: 700;
}


.footerRight p.follow a {
  color: #fff;
  font-size: 20px;
  margin: 0 5px;
}

.footerWhite {
  text-align: center;
  font-size: 13px;
  color: #161616;
  padding: 11px 15px;
}

.footerWhite a{color: #EA653C;}