html, body {font-size: 100%;width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: baseline;}
body {margin-top:0px;background:#fff;font: 13px/21px "Open Sans", Arial, sans-serif;color: #000;overflow-x: hidden;font-style: normal;min-height:800px;}
img {vertical-align: middle;}
a {color:#0d0b0b;text-decoration: none !important;-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
a:hover {color:blue;}
label{padding:10px 0 0 0}

.navhome{background:url(../images/home-white.png) no-repeat center;padding:5px;}
.navbar-main {background:#d62d08;border: none;margin-top:1px}
.navbar-main .dropdown-menu{background-color: #0055A8;color:#fff;border:none;}
.navbar-main .dropdown-menu>li>a{color:#fff;border-top:1px solid #ccc;line-height:30px;}
.navbar-main .dropdown-menu>li>a:hover{background-color:#0094ff;}
.fa-bars{color:#fff;}
.navbar-nav > li > a {color:#fff;font-weight:bold}
.navbar-nav > li > a:hover {color:#f00;}
.navbar-affixed-top {top: -32px;}
.navbar-affixed-top.affix-top {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.navbar-affixed-top.affix {position: fixed;width:100%;top: 0;z-index: 1000;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
body.boxed .navbar-affixed-top.affix {position: static;}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}

/* Header */
header{background-color:#ffea00;}
header::after { content:"";height:20px; width:100%; background:url("../images/bg-header.png") repeat-x;}
header .logo {position:relative;margin:0;padding:10px 10px;text-align: center;}
header .logo img{width: 100%;height: 100%;}
/* Content */
#content {background:rgb(255,248,169);margin-top:-18px;border:0px solid #963821;border-radius:2px}
/* Footer */
#footer {padding:15px 0;background:rgb(255,248,169);position:relative;width:100%;font-size:13px}
#footer h3 {font-weight:700;font-size:15px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom: 10px;color:#dcdcdc;}
#footer h3 a {color:inherit;}
#footer p {margin:0;padding:0;}
#footer .footer-top {height:9px;background-image:url(../images/top-bg-footer.jpg);background-repeat:repeat-x;margin-right:0px}
#footer .social {text-align: left;margin-top:10px}
#footer .social a {margin: 0 3px 0 0;color: #fff;display:inline-block;width:26px;height:26px;border-radius:13px;line-height:20px;font-size:15px;text-align: center;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;vertical-align:bottom;background-color:#558cde}
#footer .social a i {vertical-align: bottom;line-height:26px;}
#footer .social a.facebook:hover {background-color: #4460ae;}
#footer .social a.gplus:hover {background-color: #c21f25;}
#footer .social a.twitter:hover {background-color: #3cf;}
#footer .social a.instagram:hover {background-color: #cd4378;}
#footer .social a.email:hover {background-color: #4a7f45;}
#footer .online {color:#009900;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#009900}
.site-copyright {background-color:#ccc;color:#05345C;padding-top:3px;padding-bottom:3px;}
/* ==========================================================================
    Carousel Styling
   ========================================================================== */
.home-carousel {margin-top:-15px;padding-top:20px; position: relative;background: url('/uploads/images/photogrid.jpg') center  center repeat;background-size: cover;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.home-carousel .dark-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #e4dcdc;opacity: 0.8;filter: alpha(opacity=90);}
.home-carousel .description {color:#05345C;}
/* Panel ---------------------------------------*/
.panel-box{border-color: #d72d08;border: 1px solid #d72d08;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.panel-box .panel-heading{background-image: url("../images/logo-title.png");background-repeat:no-repeat;background-color:#d72d08;padding:6px;color:#fff;font-size: 14px;}
.panel-box>.panel-heading>a {padding-left:30px;color:#fff;}
.panel-box>.panel-heading>a:hover {color:#dcdcdc;}
.panel-box .panel-body{/*background: rgb(255,248,169);*/border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}

.panel-nobox {margin-bottom: 10px;border-radius: 5px;border-width: 0;}
.panel-nobox .panel-heading{height:32px;background-image: url("../images/logo-title-red.png");background-repeat:no-repeat;background-position:left bottom;border-color:#F00;margin-bottom:1px;padding:6px 0;}
.panel-nobox .panel-heading>a{padding-left:35px;font-weight: 600;font-size: 14px;color: #A70B00;}
.panel-nobox .panel-body{border-top: 3px solid #F00;padding: 10px 0;}

.panel-primary{border-color: #d72d08;border: 1px solid #d72d08;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.panel-primary .panel-heading{background-image: url("../images/bg-title.png");background-repeat:no-repeat;background-color:#d72d08;padding: 6px;text-align: left;color: #fff;font-size: 14px;}
.panel-primary>.panel-heading>a {color:#fff;}
.panel-primary>.panel-heading>a:hover {color:#dcdcdc;}
.panel-primary .panel-body{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}

.panel-newsdetail {margin-bottom:10px;border-radius: 5px;border-width: 0;}
.panel-newsdetail .panel-heading{height:32px;background-image: url("../images/leaf.png");background-repeat:no-repeat;background-position:left bottom;border-color:#F00;margin-bottom:1px;padding:10px 0;}
.panel-newsdetail .panel-heading>a{padding-left:30px;margin-bottom:0px; font-weight:600;font-size:14px;color:#A70B00;}
.panel-newsdetail .panel-body{border-top: 3px solid #F00;padding:30px 0;}
/*------Image ----------------------------------*/
.img-thumbnail {
    background-color: #cccccc;
    border: none;
    border-radius: 0px;
    width: 100%;
    padding: 0px;
}
/* News ---------------------------------------*/
.panel-title{text-decoration:none;padding:10px 0;color:#0c675c;font-size:18px;font-weight:bold}
.news-title{text-decoration:none;color:#A70B00;font-size:16px;font-weight:bold}
.news-title:hover{}
.news-list{background:url(../images/bullet.gif) no-repeat left;text-decoration:none; padding:0 0 0 15px; font-family:Arial; color:Black;}
.note-list{background:url(../images/speaker.gif) no-repeat left;text-decoration:none; padding:0 0 0 15px; font-family:Arial; color:Black;}
.news-date {color:#808080 !important;}
.newsdetail{border-collapse: collapse;  padding: 10px 10px 10px 10px; text-align:justify;}
.imgtextwrapleft{border: 1px solid #009900;border-radius:2px;width:20%; text-decoration:none;float:left;margin: 0 10px 10px 0;}

/* Box news ---------------------------------------*/
.titlebar{width:100%; border-bottom:2px solid #009900; margin:20px 0px 10px 0px;text-transform:uppercase; padding-left:0px;}
.titlebar a {color:#335599;font-size: 15px;font-weight: bold;text-decoration:none;}
.titlebar a:hover {color:blue;}

.dropdownbox, .btnImage, .txtInput{float:left;background:#fff;color:#000;border: 1px solid #ccc;border-radius:3px;margin:3px 5px 3px 5px;height:23px;}
.lblTitle{float:left;color:#fff; font-weight:bolder; margin-left:8px; padding:6px;}
.borderbox{background:#fff;padding:5px; border: 1px solid #ccc;margin-top:5px;border-radius:4px;}
.title{text-decoration:none; font-weight:bolder; font-size:16px; color:#066; }
.chonnghe {text-decoration:none;color:Maroon;font-size:14px;cursor:pointer}

#gototop{display:none; position:fixed; bottom:20px; right:30px; z-index:99;border:none;outline:none;background-color:red;color:white;cursor:pointer;padding:10px;border-radius:5px;}
#gototop:hover {background-color:#555;}