body {
    text-align: center;
    margin: 0 0 0 0;
    font-family: arial;
    font-size: 13px;
    color: #000000;
    /*background: #71baff url(../images/bg.png);*/
    background-color: #ccd9db7a;
    -webkit-font-smoothing: antialiased;
}


.clearfix {
    clear: both;
}

*, ::after, ::before {
    box-sizing: content-box;
}

a, a:visited {
    color: #2476cb;
    text-decoration: none;
}

a:hover {
    color: #da251c;
    text-decoration: none;
}

.title a {
    color: #3a508c;
    font-weight: 600;
    text-underline: none !important;
}

.title a:hover {
    color: #da251c;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.wrapper1 {
    /*background: url(../images/banner.png) repeat-x top center;*/
}

.wrapper2 {
    /*background: url(../images/footer.png) repeat-x bottom center;*/
    min-height: 1000px;
}

.main {
    margin: 0 auto;
    /*width: 994px;*/
    max-width: 1100px;
}

.top {
    padding: 0px 0px 0px 0px;
}


.banner {
    /*height: 180px;*/
}

.banner .mobile-banner {
    display: none;
}

@media (max-width: 991px) {
    .banner .desktop-banner {
        display: none !important;
    }
    .banner .mobile-banner {
        display: block;
    }
}

.menu {
    height: 32px;

    margin-bottom: 36px;

}

.menu ul.main {
    height: 32px;
    padding-left: 1px;
}

.menu ul.main li {
    box-sizing: content-box;
}

.menu ul.main li a {
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 8px 5px 0px 5px;
}

.menu ul.main li a:hover, .menu ul.main li.hover a {
    background-image: url(../images/menu-bg-hover.png);
    background-repeat: repeat-x;
    height: 25px;
}

.under-menu {
    margin-top: 5px;
    padding-left: 7px;
}

.under-menu ul li {
    float: left;
    margin-right: 15px;
}

.under-menu ul li a {
    font-weight: bold;
    color: #4f4f4f;
}

.under-menu ul li a:hover {
    color: #e96464;
}


.box {
    border: 1px solid #cccccc;
    background: #fff;
    text-align: left;
}

.box .header-bar {
    height: 30px;

    padding-left: 10px;

}

.featured-news {
    width: 488px;
    height: 367px;
    padding-bottom: 25px;
    position: relative;
    float: left;
    padding: 10px 10px 10px 10px;
}

.featured-news .photo {

}

.featured-news .title {
    margin-top: 5px;
    line-height: 18px;
}

.featured-news .excerpt {
    line-height: 18px;
    margin-top: 3px;
    text-align: justify;
}

.featured-news .nav {
    position: absolute;
    height: 21px;
    left: 340px;
    top: 367px;
}

.featured-news .nav .left {
    float: left;
    background-image: url(../images/bar-tab.png);
    background-position: 0px -72px;
    height: 21px;
    width: 4px;
}

.featured-news .nav .right {
    float: left;
    background-image: url(../images/bar-tab.png);
    background-position: 0px -30px;
    height: 21px;
    width: 5px;
}

.featured-news .nav .middle {
    float: left;
    background-image: url(../images/bar-tab.png);
    background-repeat: repeat-x;
    background-position: 0px -51px;
    height: 21px;
}

.featured-news .nav .middle span {
    padding: 3px 6px 0px 5px;
    cursor: pointer;
    font-weight: 600;
    display: block;
    float: left;
    color: #fff;
}

.featured-news .nav .middle span.hover, .featured-news .nav .middle span:hover {
    background-image: url(../images/bar-tab.png);
    background-repeat: repeat-x;
    background-position: 0px -93px;
    height: 18px;
    color: #064db1;
}


.latest-news {
    float: left;
    width: 192px;
    margin-left: 10px;
    height: 387px;
    overflow: hidden;

}

.header-bar {
    background: #fff url(../images/header-bullet.png) no-repeat left top;
    border-bottom: 2px solid #da251c;

}


.header-bar .title {
    height: 23px;
    padding: 7px 10px 0px 20px;
    font-weight: bold;
    color: #3a508c;

}

.latest-news .content {
    padding: 10px 15px 10px 12px;
    line-height: 17px;
    text-align: justify;
}

.latest-news .content ul li, .news-list li {
    margin-top: 6px;
    padding-left: 13px;
}

.document-list li {
    margin-top: 3px;
    background-image: url(../images/bullets.png);
    background-repeat: no-repeat;
    background-position: 0px -63px;
    padding-left: 25px;
    padding-bottom: 1px;
}

.document-list li.doc {
    background-position: left top;
    background-image: url(../images/icons/16/doc.png);
}

.document-list li.ppt {
    background-position: left top;
    background-image: url(../images/icons/16/ppt.png);
}

.document-list li.zip {
    background-position: left top;
    background-image: url(../images/icons/16/zip.png);
}

.document-list li.xls {
    background-position: left top;
    background-image: url(../images/icons/16/xls.png);
}

.document-list li.pdf {
    background-position: left top;
    background-image: url(../images/icons/16/pdf.png);
}

.document-list li.photo {
    background-position: left top;
    background-image: url(../images/icons/16/photo.png);
}

.document-list li.video {
    background-position: left top;
    background-image: url(../images/icons/16/video.png);
}

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

.latest-news .content ul li a, .latest-news .content ul li a:visited {
    font-weight: 600;
    color: #474747;
    font-size: 12px;

}

.news-list li a, .news-listli a:visited {
    font-weight: normal;
    color: #1658b4;
}

.latest-news .content ul li a:hover,
.news-list li a:hover,
.songs li a:hover,
.document-list li a:hover {
    color: #da251c;
}

.right-banner {
    margin-left: 10px;
    float: left;
    width: 217px;
}

.mid-banner {
    margin-top: 12px;
}

.mid-banner div {
    float: left;
}

.col1 {
    width: 446px;
    margin-top: 12px;
    float: left;
}

.col2 {
    float: left;
    width: 446px;
    margin-top: 12px;
    margin-left: 12px;
}

.col3 {
    float: left;
    width: 184px;
    margin-top: 12px;
    margin-left: 12px;
}

.box-tab {
    margin-bottom: 12px;
    min-height: 206px;
    overflow-y: scroll;
}

/* Tạo thanh cuộn tùy chỉnh */
.box-tab::-webkit-scrollbar {
   display: none !important;
}

.box-tab .header-bar {
    padding-top: 3px;
    height: 25px;
    padding-left: 25px;
}

.box-tab .header-bar .tabs {
    margin-top: 1px;
}

.box-tab .header-bar .tabs .tab,
.box-tab .header-bar .tabs .select-tab {
    float: left;
    margin-left: 3px;
}

.box-tab .header-bar .tabs .tab .left {
    float: left;
    background-image: url(../images/tab-left.png);
    width: 6px;
    height: 24px;
}

.box-tab .header-bar .tabs .tab .right {
    float: left;
    background-image: url(../images/tab-right.png);
    width: 6px;
    height: 24px;
}

.box-tab .header-bar .tabs .tab .title {
    float: left;
    background-image: url(../images/tab-bg.png);
    height: 16px;
    padding: 6px 0px 2px 0px;

}

.box-tab .header-bar .tabs .tab .title a {
    color: #4f4e4e;
    text-transform: uppercase;
}

.box-tab .header-bar .tabs .select-tab .title a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.box-tab .header-bar .tabs .select-tab .left {
    float: left;
    background-image: url(../images/tab-left-hover.png);

    width: 6px;
    height: 24px;
}

.box-tab .header-bar .tabs .select-tab .right {
    float: left;
    background-image: url(../images/tab-right-hover.png);

    width: 6px;
    height: 24px;
}

.box-tab .header-bar .tabs .select-tab .title {
    float: left;
    background-image: url(../images/tab-bg-hover.png);
    height: 18px;
    padding: 6px 0px 0px 0px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.box-tab .content {
    padding: 7px 7px 7px 7px;
}

.box-tab .content .photo,
.style-box .content .photo {
    float: left;
}

.box-tab .content .text,
.style-box .content .text {
    float: left;
    width: 225px;
    margin-left: 8px;
    text-align: justify;
}

.style-box {
    margin-bottom: 12px;
    min-height: 206px;
    overflow-y: scroll;
}

/* Tạo thanh cuộn tùy chỉnh */
.style-box::-webkit-scrollbar {
    display: none !important;
}


.style-box ul li {
    margin-top: 6px;
}

.style-box ul li a {
    color: #000;
    cursor: pointer;
}

.style-box ul li.hover a {
    color: #f48a0c;
    text-decoration: none;
}

.style-box .header-bar {
    display: flex;
    align-items: center;
    height: 28px;
    /*padding-top: 7px;*/
    padding-left: 30px;
}

.style-box .header-bar a {
    font-weight: bold;
    text-transform: uppercase;
}

/*
.style-box .blue-small a, .style-box .blue-small a:hover,
.style-box .blue-medium a, .style-box .blue-medium a:hover,
.style-box .blue-large a, .style-box .blue-large a:hover
{
	color:#fff;
}

.style-box .orange-small a, .style-box .orange-small a:hover,
.style-box .orange-medium a, .style-box .orange-medium a:hover,
.style-box .orange-large a, .style-box .orange-large a:hover
{
	color:#1658b4;
}
*/


.style-box .content {
    padding: 7px 10px 15px 10px;
    text-align: justify;
}


.player {
    width: 364px;
    height: 90px;
    margin-left: 10px;
    margin-top: 3px;

}

.video-clip .video-player {
    float: left;
    padding-top: 20px;
}

.video-clip ul {
    width: 150px;
    float: left;
    margin-left: 10px;
}

.col3 ul li {
    padding-left: 7px;
}

.col3 ul li a {
    font-weight: bold;
    font-size: 12px;
}

.stats {
    height: auto;
}

.stats .content {
    padding-top: 5px;
    padding-bottom: 5px;
}

.red {
    color: red;
}

.img-links div {
    margin-top: 18px;
}

.footer {
    height: 100px;
    text-align: left;
    padding: 20px;

}

.footer .logo {
    float: left;
    margin-top: -40px;
}

.footer a {
    color: #d9d9d9;
}

.footer ul a {
    font-weight: normal;
}

.footer .left {
    float: left;
    color: #d9d9d9;
    margin-left: 10px;
    margin-top: -20px;
}

.footer .left a {
    text-decoration: underline;
}

.footer .right {
    float: right;
    margin-right: 20px;
    text-align: center;
    font-weight: 600;
    margin-top: 15px;
    color: #d9d9d9;
}


.footer ul {
    margin: 0;
    padding: 0;
    float: right;
}

.footer ul li {
    float: left;
    margin-left: 20px;
}

.footer a:hover {
    text-decoration: underline;
    color: #fff;
}

div.no-result {
    padding: 10px 10px 10px 10px;
    font-style: italic;
    color: #aaa;
}

.slider {
    z-index: 100;
    position: relative;
    width: 217px;
    height: 350px;
    margin-top: 7px;
}

.slider .pagination {
    display: none;
}

.slider img {
    width: 217px;
    height: 350px;
}

.slider .box-title {
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: #000;
    z-index: 99;
    top: 330px;
    opacity: 0.4;
    text-align: left;
    padding-left: 10px;
}

.slider .box-title .title a {
    font-family: "Century Gothic", sans-serif, Arial;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding-top: 2px;

}

.slider .box-title .title a:hover {
    text-decoration: underline;
    position: relative;
    z-index: 101;
}

.slider .box-title .description {
    color: #fff;
    font-size: 14px;
    display: none;
}

.items {
    display: none;
}

.pagination {
    position: absolute;
    top: 343px;
    z-index: 100;
    left: 740px;
    list-style: none;
}

.pagination li {
    float: left;
    cursor: pointer;
    padding: 0;
    margin-right: 2px;
}

.pagination li a {
    display: block;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    background: url(../images/nav-bg.png) left 0px no-repeat;
}

.pagination li.current a, .pagination li:hover a {
    background: url(../images/nav-bg.png) left -24px no-repeat;
}


/* PHAN TRANG */

.list_page {
    list-style: none;
    display: table;
}

.list_page li a:hover {
    text-decoration: underline;
}

.list_page li {
    display: inline;
    display: table-cell;
    position: relative;
    float: left;
}

.current_page {
    background-color: #fff;
    height: 25px;
    width: 39px;
    border: 1px solid #bbb;
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.current_page a {
    color: red !important;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 5px;
}

.non_page {
    background-color: #fff;
    display: inline;
    display: block;
    height: 25px;
    width: 39px;
    height: 25px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.non_page a, .non_page span {
    display: block;
    border: 1px solid #bbb;
    color: #000;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
}

.non_page:hover {
    background-color: #fff;
    display: inline;
    display: block;
    height: 25px;
    width: 39px;
    float: left;
}

.non_page:hover a {
    color: #008000 !important;
    display: inline;
    display: block;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}


.album-detail {
    width: 750px;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    background-position: bottom left;
}

.album-detail .photo img {
    border: 1px solid #ddd;
    padding: 2px;
}

.album-detail .photo-left {
    float: left;
    width: 370px;
}

.album-detail .photo-left .photo {
    float: left;
    margin-left: 7px;
    margin-bottom: 10px;
}

.album-detail .photo-right {
    float: left;
}


table.contact-form {
    margin-top: 30px;
    color: #2E2C2C;
}

table.contact-form input, textarea {
    /*width: 330px;*/
}

table.contact-form .send-btn {
    width: 71px;
    height: 24px;
    background-image: url(../images/btn.png);
    display: block;
    padding-left: 27px;
    float: right;
    border: none;
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    text-align: left;
}

table.contact-form .reset-btn {
    width: 71px;
    height: 24px;
    background-image: url(../images/btn.png);
    display: block;
    padding-left: 12px;
    float: right;
    background-position: 0px 0px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    text-align: left;
}

table.contact-form .reset-btn:hover,
table.contact-form .send-btn:hover {
    text-decoration: underline;
}

.form_contact input[type=text] {
    background-color: #e3ede6;
    /*border: 1px solid #999;*/
    /*height: 13px;*/
    /*padding: 7px 5px 3px 35px;*/
    /*padding: 0px;*/
    /*width: 190px;*/
    color: #000000;
    font-size: 11px;
    /*width: 300px;*/
}

.form_contact input.name,
.form_contact input.phone,
.form_contact input.email,
.form_contact input.address,
.form_contact input.hasDatepicker,
.form_contact input.subject {
    /*background-position: 10px 3px;*/
    /*background-repeat: no-repeat;*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    /*filter: alpha(opacity=50);*/
    /*-moz-opacity: 0.5;*/
    /*-khtml-opacity: 0.5;*/
    /*opacity: 0.5;*/
}

/*.form_contact input.name {*/
/*    background-image: url(../images/name.gif);*/
/*}*/

/*.form_contact input.phone {*/
/*    background-image: url(../images/phone.gif);*/
/*}*/

/*.form_contact input.email {*/
/*    background-image: url(../images/email.gif);*/
/*}*/

/*.form_contact input.address {*/
/*    background-image: url(../images/address.gif);*/
/*}*/

/*.form_contact input.hasDatepicker {*/
/*    background-image: url(../images/calendar.png)*/
/*}*/

/*.form_contact input.subject {*/
/*    background-image: url(../images/subject.gif);*/
/*}*/

.form_contact textarea {
    background: #e3ede6 none repeat scroll 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    /*border: 1px solid #999;*/
    /*float: left;*/
    display: inline;
    font-size: 11px;
    height: 107px;
    /*padding: 5px;*/
    /*width: 330px;*/
    overflow: auto;
    color: #000000;
}

.form_contact input[type=text]:hover,
.form_contact input:focus,
.form_contact textarea:hover,
.form_contact textarea:focus {
    border: 1px solid #999;
}

.form_contact label {
    color: #634c4d;
    font-weight: bold;
    font-size: 12px;
}


.form_contact i {
    color: #634c4d;
    font-size: 11px;
}

.search {
    margin-top: -41px;
    margin-right: 10px;
    height: 20px;
    padding: 11px 0px;
    float: right;
}


.txt_search {
    width: 145px !important;
    height: 16px;
    padding: 3px 5px 3px 4px;
    /*margin: 3px 0px 0px 10px;*/
    float: left !important;
	border-radius: 0px;
    font-size: 12px;
}

.btn_search {
    cursor: pointer;
    height: 22px;
    padding: 0px 7px 0px 7px;
    /*margin: 4px 0px 0px 4px;*/
	border-radius: 0px;
    float: left !important;
    background-color: #3a508c;
    border: 1px solid #fff;
    color: #fff;
}


.button {
    border: none;
    background: url('../images/button.png') no-repeat top left;
    width: auto;
    height: 22px;
    color: #FFF;
    font-size: 12px;
    padding-bottom: 5px;
}

.button2 {
    border: none;
    background: url('../images/button2.png') no-repeat top left;
    width: 80px;
    height: 22px;
    color: #FFF;
    font-size: 12px;
    padding-bottom: 5px;
}

.button:hover {
    border: none;
    background: url('../images/buttonHover.png') no-repeat top left;
    width: auto;
    height: 22px;
    color: #FFF;
    font-size: 12px;
    padding: 2px 8px;
    cursor: pointer;
    padding-bottom: 5px;
}

.button2:hover {
    border: none;
    background: url('../images/button2Hover.png') no-repeat top left;
    width: 80px;
    height: 22px;
    color: #FFF;
    font-size: 12px;
    padding: 2px 8px;
    cursor: pointer;
    padding-bottom: 5px;
}

.scrollable {
    height: 350px;
    position: relative;
    overflow: hidden;
}

.scrollable .items {
    position: absolute;
    z-index: 150;
    padding-top: 10px;
    display: block;
}

.scrollable .items .item {
    display: block;
}

.min-height {
    min-height: 978px;
}

.shadow {
    padding: 2px;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
}

span.radio-btn {
    width: 17px;
    height: 16px;
    background-image: url('../images/radio-btn.png');
    background-repeat: no-repeat;
    display: block;
    background-position: left -15px;
    cursor: pointer;
}

span.radio-btn-selected {
    width: 17px;
    height: 16px;
    background-image: url('../images/radio-btn.png');
    background-repeat: no-repeat;
    display: block;

    cursor: pointer;
}

.vote-choices label {
    cursor: pointer;
    font-size: 13px;
}