/* Global class */

.block {
    display: block;
}

.inline-block {
    display: inline-block;
    font-size: 15px;
}

.mg0 {
    margin: 0px;
}

.pd0 {
    padding: 0px;
}

.mgt20{margin-top:20px}
.mgt10{margin-top:10px}

/* body, html */
body {
    font: 13px arial;
    color: #222;
    margin: 0;
    padding: 0;
    position: relative;
    background: #033775;
    font-family: Arial;
}

a:link, a:hover, a:focus, a:active, a:visited {
    text-decoration: none;
}

a:hover {
    color: #163572;
}

img {
    max-width: 100%;
}


.fontsize {
    border-radius: 50%;
    border: none;
    width: 25px;
    height: 25px;
    background: #af0e00;
    color: #fff;
    outline: none;
    line-height: 18px
}

    .fontsize i {
        font-size: 9px
    }

    .fontsize:hover {
        background: #555;
    }

.tktc{color:#337ab7}
.tktc p{line-height:30px; border-bottom:1px dashed #ddd; margin-bottom:0px;padding-left:7px}
.tktc p:last-child{border:none}

#topbar{height:35px; background:#e7e7e7; line-height:35px}
#topbar .date{color:#545454; font-size:11px; font-style:italic}

header {
    background: no-repeat center;

}

header img{width:100%}

    header embed {
        width: 100%;
        display: none;
    }

.topbar-list li{color:#777}
.topbar-list li i{margin-right:4px}

.navbar {
    margin-bottom: 7px;
    min-height: 40px;
}

.navbar-default {
    border: none;
    background: #af0e00;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        background: #e7e7e7;
        padding: 0px;
    }

        .navbar-default .navbar-collapse > .nav > li {
            margin-right: 1px;
            border-right:1px solid #ccc;
        }

            .navbar-default .navbar-collapse li > a {
                color: #555;
                padding: 10px 20px;
                font-weight: bold;
                text-transform: uppercase;
                font-size: 11px;
            }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a {
        color: #012551;
        background:url(../images/tri-up.png) no-repeat bottom  center;
        border-bottom:2px solid #012551;
    }

    .navbar-default .navbar-nav li.dropdown .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #ddd;
    }

    .navbar-default .navbar-collapse li .dropdown-menu {
        width: 250px;
        border: none;
        padding: 0px;
    }

        .navbar-default .navbar-collapse li .dropdown-menu > li {
            border-bottom: 1px dotted #ddd;
        }

            .navbar-default .navbar-collapse li .dropdown-menu > li:last-child {
                border: none;
            }

            .navbar-default .navbar-collapse li .dropdown-menu > li > a {
                color: #333;
                font-weight: normal;
            }

    /* level 3*/
    .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu {
        left: 248px;
        top: -3px;
    }

 .navbar-default .navbar-collapse li .btn {display:none}

   .mframe{
            width: calc(100% - 17px);
        height:1000px;
    }

.date-bar {
    background: #ddd;
    height: 40px;
    margin-bottom: 7px;
}

    .date-bar .date {
        line-height: 40px;
        padding-left: 7px;
        font-style: italic;
    }

.form-search {
    background: none;
    margin: 2px; height:30px
}

    .form-search .form-control {
        background: none;
        border: none;outline:none;
        height:30px; padding:0 12px;
        box-shadow:none; font-size:11px;
    }

::-webkit-input-placeholder {
    font-size: 12px;
    font-style: italic;
    color: #444;
}

.form-search button {
    background: none;
    border: none;
}

#main {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 3px 11px #111;
    max-width: 1020px;
    margin:17px auto;
}

.ctn-footer,#topbar .container{max-width:1020px;}

    #main .col-left {
        /*padding-left: 10px;*/
}

   


.banner-item {
    margin-bottom: 5px;
    border: 1px solid #eee;
}

    .banner-item img {
        width: 100%;
        display: block;
    }



footer {
    min-height: 94px;
    color: #fff;
    padding: 0px 0 35px;
}

    footer p {
        margin: 0px !important;
        line-height: 18px;
        font-size: 11px;
    }

        footer p a:hover {
            color: #f5c96c;
        }
       

.features-wrap {
    margin-bottom: 10px;
    overflow: hidden;
}

.features-item {
}

    .features-item .img {
        display: block;
        overflow: hidden;
    }

        .features-item .img img {
            width: 100%;
        }

    .features-item .title {
        font-size: 18px;
        color: #111;
        font-weight: bold;
    }

    .features-item .overview {
        font-size: 13px;
    }

.article-body h1 {
    font-size: 18px;
    font-weight: bold;
    line-height:150%;
    color:#182045;
}

.tinnoibat {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #af0e00 url(../images/redbg.png) repeat-x;
    padding: 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.table tr td span{font-family:Arial !important}

.features-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    border: 1px solid #B1C0D6;
    height: 400px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .features-list li {
        margin-bottom: 7px;
        border-bottom: 1px dotted #B1C0D6;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 7px;
    }

        .features-list li:last-child {
            border: none;
        }

        .features-list li p {
            margin: 0px;
            padding: 5px 0;
        }

        .features-list li a {
            line-height: 20px !important;
        }



        .features-list li .img {
            display: block;
            float: left;
            max-width: 30%;
            margin: 7px 7px 7px 0;
        }

            .features-list li .img img {
                margin-top: 3px;
            }

            .chitiet-btn{    padding: 7px 30px;
    font-size: 13px;
    color: #fff;border-radius:4px; color:#fff !important; font-weight:bold; 
    background: #ff8a00 url(../images/yellowBar.png) top center repeat-x;}

.dlfile {
    color: #af0e00 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

    .dlfile i {
        margin-right: 7px;
    }

.pdl0 {
    padding-left: 0px;
}

.pdr0 {
    padding-right: 0px;
}

.survey-list{
    padding-left:20px
}

.survey-list li{
   margin-bottom:20px;
   font-weight:bold;
   color:#337ab7;
   font-size:14px;
}

.survey-list li ul{
    list-style:none ;
    margin-top:10px;
    padding-left:10px;
}


.survey-list li ul li{
    list-style:none ;
    color:#666;
    font-weight:normal;
    font-size:12px; 
    margin-bottom:5px;
} 

.survey-list li ul li label{
    font-weight:normal;
    cursor:pointer;
}

.category-list {
}

    .category-list .cat-item {
        margin-bottom: 15px;
    }

       .category-list .cat-item .header {
            line-height: 30px;
            padding: 15px 0px 7px;
            border-top: 1px solid #ddd;
        }

            .category-list .cat-item .header:before {
                display: block;
                content: '';
                background: #012551;
                height: 3px;
                margin-top: -18px;
                width: 25%;
            }


            .category-list .cat-item .header ul {
                margin: 0px;
            }

            .category-list .cat-item .header li {
                padding: 0px;
            }

                .category-list .cat-item .header li a {
                    color: #fff;
                    font-size: 10px;
                    padding: 0px;
                }

                .category-list .cat-item .header li:first-child a {
                    color: #033775;
                    font-size: 18px;
                    padding-left: 0px;
                    font-weight: bold;
                }

                .category-list .cat-item .header li:first-child i {
                    color: #171717;
                    font-weight: normal;
                    font-size: 14px;
                    margin-left: 5px;
                }

                .category-list .cat-item .header li a:hover {
                    color: #af0e00;
                }

            .category-list .cat-item .header h4 {
                margin: 20px 0 0 0;
                padding: 0px;
            }
            

        .category-list .cat-item .body {
            padding: 7px 10px;
        }

            .category-list .cat-item .body .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .category-list .cat-item .body .first-article-item .img {
                margin: 0 10px 7px ;
                display: block;
                float:left;
                width:40%;
            }

                .category-list .cat-item .body .first-article-item .img img {
                    width: 100%;
                }

            .category-list .cat-item .body .first-article-item .title {
                font-size: 14px;
                font-weight: bold;
            }

            .category-list .cat-item .body .first-article-item .title a{
               color:#222;
            }

            .category-list .cat-item .body .first-article-item .ovv {
                line-height: 150%; color:#555
            }

            .category-list .cat-item .body .first-article-item .ovv a{font-size:12px; color:#af0e00;font-weight:bold}

            .category-list .cat-item .body ul {
                clear: both;
                padding-left: 0px;
                list-style: none;

            }

                .category-list .cat-item .body ul li {
                    margin-bottom: 10px;
                    background: url(../images/blue-dot.png) no-repeat left 4px;
                    padding-left: 10px;
                }

                 .category-list .cat-item .body ul li a {
                   color:#337ab7
                }


                

                    .category-list .cat-item .body ul li .date {
                        font-size: 12px;
                        color: #999;
                        margin-left: 7px;
                    }

                


                    .category-list .cat-item .body ul li:after {
                        content: '';
                        display: block;
                        clear: both;
                    }

                    .category-list .cat-item .body ul li a.img {
                        float: left;
                        margin: 0 7px 7px 0;
                    }

.document-tbl {
}

    .document-tbl tbody tr td:last-child ul li a {
        cursor: pointer;
        color: #337ab7 !important;
    }

.md-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

    .md-item .header {
        background: #af0e00;
        line-height: 40px;
        padding: 0 10px;
        color: #ddd;
        font-weight: bold;
        font-size: 12px;
    }

        .md-item .header i {
            margin-right: 7px;
        }

    .md-item .body {
        padding: 5px;
    }

        .md-item .body .form-control {
            border-radius: 0px;
            padding: 5px;
            background: #f2f2f2;
        }

.lkws .header{background:none; color:#444}

.dvsn .header {
    background: #182045;
    font-size:12px;
}
.dvsn .header a{color:#fff !important}
 .dvsn .header a:hover{color:#fcefd3 !important}

.dvsn .body {
    background: #f9f9f9;
    padding:20px 0 7px 0px; 
}

    .dvsn .body ul {
        list-style: none;
        padding: 0px;
        margin: 0 0 0 10px;
    }

        .dvsn .body ul li {
            margin-bottom:3px;
            background:url(../images/blue-dot.png) left 5px no-repeat;
            padding-left:10px;
            margin-bottom:14px;            
        }

            .dvsn .body ul li:last-child {
                border: none;
            }

            .dvsn .body ul li a {
                color: #182045 !important;
                display: block;
                padding:0px 0;
            }
           


.nlist {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd;
    margin-left: 0px;
    color: #182045;
}

.img-sub {
    color: #a32402;
    font-style: italic;
    text-align: center;
    padding: 7px;
}

.nlist a {
    color: #182045;
    font-weight: bold;
}

.nlist i {
    margin-left: 10px;
    margin-right:7px;
}

.article-body {
}

    .article-body img, .article-body table {
        max-width: 100%;
        height: auto;
        color: #444;
    }



    .article-body img{
         display:block; width:auto !important;
         height:auto !important;
         margin:auto;
     }

    .article-body .ovv {
        font-weight: bold;
        font-size: 13px;
        margin: 7px 0 10px 0;
    }

    .article-body p {
        line-height: 20px;
    }

    .article-body .author {
        font-weight: bold;
        text-align: right;
        margin: 20px 0 10px;
    }

.article-content div {
    margin-bottom: 10px;
    line-height: 20px;
}

.article-content table,.article-content iframe {
    max-width: 100%; 
}


.article-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}

    .article-item .img {
        display: block;
        float: left;
        margin: 0px 10px 10px 0;
        width: 25%;
    }

        .article-item .img img {
            width: 100%;
        }

    .article-item h4 {
        margin-top: 0px;
        font-weight:bold;
        font-size:14px;
    }
     .article-item h4 a{
         color:#444;
     }

.video-item{}
.video-item .img{display:block; height:150px; overflow:hidden; position:relative}
.video-item .img .play{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.9); top:0px; left:0px; z-index:20; text-align:center;opacity:0.7;   -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.video-item .img:hover .play{opacity:0.9}
.video-item .img .play i{color:#fff; margin-top:50px; font-size:50px;}
.video-item .img img{width:100%}
.video-item h4{font-size:11px; font-weight:bold; margin-bottom:10px}

.video .carousel-control.right,.video .carousel-control.left{background:none}
.video .carousel-control{opacity: 0.5;height: 40px;top: -45px; box-shadow:none}
.video .carousel-control:hover{color:#af0e00}
.video .carousel-control span{font-size:21px !important}

.img-wrap{}
.img-wrap .col-xs-6{margin-bottom:8px; }
.img-wrap .col-xs-6:nth-child(even){padding-left:4px}
.img-wrap .col-xs-6:nth-child(odd){padding-right:4px}
.img-item{height:75px; display:block; overflow:hidden}

.album-list{list-style:none; padding:0px;font-size:13px; text-transform:uppercase;}
.album-list li{margin-bottom:20px;    border-bottom: 1px dotted #ccc;    padding-bottom: 20px;}
.album-list li.active{color:coral; border-color:coral}
.album-list i{margin-right:10px; font-size:18px}

.pagination > li > a, .pagination > li > span {
    border: none;
    font-size: 13px;
    color: #555;
    font-weight: bold;
    cursor: pointer;
}

.hoidap-item{border-bottom:1px dashed #ddd; margin-bottom:15px; padding-bottom:15px}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px;
}

.other-list {
}

    .other-list h2 {
        border-bottom: 2px solid #ccc;
        font-size: 18px;
        margin-bottom: 30px;
        font-weight: bold;
        padding-bottom: 15px;
    }

    .other-list ul {
        padding: 0px;
        margin-left: 20px;
    }

        .other-list ul li {
            margin-bottom: 10px;
        }

.trans03 {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.toggle-title{    
    float: left;
    display:none;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;}

.smalltb{margin-top:5px; color:#888}



/*full Calendar*/
.fc-event-container div {
    font-size: 11px;
    padding: 3px;
    color: #666;
    background: blanchedalmond;
}




    .fc-event-container div h5 {
        color: darkorange;
        margin: 0px;
        font-size: 11px;
    }

.fc-unthemed td.fc-today {
    background: chocolate !important;
    color: #fff;
    font-weight: bold;
}

.fc-toolbar .fc-left h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.fc-row:hover {
    overflow: visible !important;
}


.lxx-table{}
.lxx-table thead th{text-align:center; font-weight:bold; background:#af0e00; color:#fff}
.lxx-table tr td{vertical-align:middle !important}
.smallbanner{display:none}
.mainbanner{position:relative;background:#eee}
.mainbanner .top{position:absolute; left:0px; top:0px; z-index:999}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.marquee {
    height:300px;
  overflow: hidden;
}




@media (min-width:1170px) {
}

@media (max-width:1200px) {
    .navbar-default .navbar-collapse li > a {
        padding: 10px 8px !important;
    }
}



/*Ipad*/


@media (max-width:991px) {
    #main{margin:0px auto}
    #topbar .date{display:none}
    #topbar .topbar-list li span{display:none}
    /*NAVIGATION TOGGLE*/

      .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
        border-bottom:1px dotted #bbb;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

      .navbar-header, .navbar-toggle,.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: #af0e00;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: #fff;
    }

    .toggle-title{display:block;}

    /*END NAVIGATION*/

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a{background-image:none}
    .navbar-default .navbar-collapse li .btn {
    position: absolute;
    right: 10px;
    top: 0px;
    background: none;
    display: block;
    box-shadow: none;
    background:#033775;
    color: #fff;
    padding: 3px 12px;
    margin: 4px;
    }
    .navbar-default .navbar-collapse li{border-right:none !important}
    .navbar-default .navbar-collapse li .dropdown-menu{width:100%;background:#fff}


    .features-list{height:350px;}
}

/*Phone*/


@media (min-width:768px)
{
     #main .left-wr {
        padding-right: 0px;
    }

     #main .col-right{
         /*padding-right:10px;*/
     }
}

@media (max-width: 767px) {

  

    #main {
        padding-right: 15px;
        padding-left: 15px;
    }

     .category-list .cat-item .body .row .pdr0 {
        padding-left:0px
    }

     .category-list .cat-item .body .row .pdl0 {
        padding-right:0px
    }

     .category-list .cat-item .body .first-article-item{
         margin-bottom:20px;
         border-bottom:1px dotted #ddd;
     }

    .category-list .cat-item .header li a {
        font-size: 10px;
        padding: 0px;
    }

    #main .col-left, #main .col-right {
        padding-left: 0px;
    }

    .features-item {
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        min-height:450px;
    }

    .article-item .img {
        float: none;
        width: auto;
    }

    .article-content a{
        color:#337ab7 !important;
    }

    .article-body img {
        width: auto !important;
        height:auto !important;
    }

    .navbar-nav {
        margin: 8px 0px;
    }

    .form-search {
        width: auto;
        text-align: right;
    }
  

    .banner-item {
                margin: 0 auto 10px auto;
    }

    header {
        overflow: hidden;
    }

       footer .text-right{text-align:left; margin-top:10px; color:burlywood}

       .category-list .cat-item .body .first-article-item .img{float:none; margin:0 0 10px 0; width:100%}
}


@media (max-width: 480px) {
      .smallbanner {display: block;}
    .mainbanner{display:none}
}

@media (max-width: 320px) {
}