@charset "utf-8";
/* CSS Document */

body {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    font: 14px Arial, Helvetica, sans-serif;
}
.container {max-width: 980px}
header.container {width: 100%;max-width: 100%;position: relative}
.header_content {
    text-align: left;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    width: 100%;
}
.logo {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px
}
.logo a {display: block;}
.logo img {border: none; max-width: 100%;max-height: 60px;}

#main_content {
    text-align: left;
    min-height: 300px;
    padding-top: 10px
}
.clear {clear: both;}
.clearline {background: rgba(255, 255, 255, 0.3);height: 1px; margin-bottom: 5px;clear: both}
.bg_menu {
    display: block
}
.main_menu {
    min-height: 60px;
    padding-top: 5px;
}
.main_menu_content {
    min-height: 60px;
}
#mainMenu {
    margin: 0 auto;
    padding: 0;
    min-height: 60px;
}
.navbar-inverse {background: none;border: none}
.navbar-collapse {border: none}
#mainMenu ul.level0 {
    min-height: 60px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: right;
}
#mainMenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
}
#mainMenu ul li {
    width: auto;
    padding: 0;
    line-height: 60px;
    position: relative;
    float: left;
    font-size: 13px;
    background: none
}
#mainMenu ul li.sub_menu  {
    padding: 0;
}
#mainMenu ul li a {
    display: block;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    color: #a52d49;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 16px;
    white-space: nowrap;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background: none}
#mainMenu ul li a:hover, #mainMenu ul li.active a {
    color: #000000;
}
.listboxHome {display: block;}
.boxHome {position: relative;margin-bottom: 20px}
.boxHome img {width: 100%;height: auto;border: none}
.boxHome h2 {margin: 0;padding: 5px;position: absolute;width: 100%;left: 0;bottom: 0;line-height: 20px;background: rgba(0,0,0,0.4);}
.boxHome h2 a {display: block;line-height: 20px;text-align: center;color: #ffffff;text-decoration: none;z-index: 999;font-size: 16px;font-weight: bold;text-transform: uppercase}
.iconHome {text-align: center;padding: 20px 0}
.iconHome img {max-width: 100%}
.type_img {vertical-align: middle;text-align: center}
.type_img img {max-width: 100%}
.type_desc p {display: block;line-height: 20px;text-align: justify;padding-top: 50px;}

.rightContent {width: 100%}
.leftContent {width: 28%;float: right}
.leftContent + .rightContent {width: 72%;float: left}

#footer {
    clear: both;
}
.footerTop {margin: 0 0 7px 0;padding: 7px 15px;line-height: 25px;font-weight: bold;font-size: 16px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;text-transform: uppercase}
#footerMenu {
    margin: 0 auto;
    text-align: left;
}
#footerMenu .footerMenu {margin: 0 auto;}
#footerMenu ul {
    margin: 0;
    padding: 5px 0;
    display: block;
    list-style-type: none
}
#footerMenu ul li {
    width: auto;
    padding: 5px 0;
    line-height: 20px;
    position: relative;
    font-size: 13px;
}
#footerMenu ul li a {
    display: block;
    padding: 0 5px 0 30px;
    line-height: 20px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 14px;
    white-space: nowrap;
    background: url('../images/icon_menu_footer.png') no-repeat 20px center
}
.footer_content {
    text-align: left;
    position: relative;
    min-height: 100px;
    font-size: 14px;
}
.footer_content p {
    margin: 0;
    padding: 0 15px 7px 15px;
    line-height: 20px;
}
.footer_left {
    text-align: left;
}
.footer_right {
    text-align: left;
}
.footer_right p {
    display: block
}
.footer_copyright {background-color: #dad7d7;padding: 15px 0}
.footer_copyright p {padding: 0;margin: 0;line-height: 20px;font-weight: normal;text-align: left;font-size: 16px}

#toTop{display:none;text-decoration:none;position:fixed;bottom:40px;right:3px;overflow:hidden;width:42px;height:39px;border:none;text-indent:-999px;background: url('../images/to_top.png') no-repeat center top}
#toTopHover{background:url('../images/to_top.png') no-repeat center -39px;width:42px;height:39px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}

.listProduct {
    margin-bottom: 10px;
    display: block;
}
.listNews {
    display: block;
    padding:0 10px
}
.contentNews {
    padding: 10px 0;
    text-align: justify;
}
.contentNews p {
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
    line-height: 18px;
}
.contentNews img {
    max-width: 99%;
}
.contentNews table {
    max-width: 99%;
    border-collapse: collapse;
}
.titleView {
    margin: 0;
    padding: 5px 0;
    line-height: 20px;
    color: #414141;
    font-size: 13px;
    font-weight: bold;
}
.Centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.module_top {
    display: block
}
.module_bottom {
    padding: 0;
}
.module_top_content {
    padding: 0;
    margin-bottom: 10px
}
.module_bottom .boxFrame {
    margin: 0;
}
.boxFrame {
    display: block;
    margin-bottom: 15px
}
.title_product, .title_home {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 7px 0;
    padding-left: 10px;
    text-align: left;
    display: block;
    line-height: 20px;
    position: relative;
    background-color: #d02694;
    color: #ffffff
}
.title_home {font-size: 16px;text-align: center;padding-top: 30px;padding-bottom: 10px;padding-left: 0;line-height: 20px;background:none;color: #000000;margin: 0}
.title_product a {
    color: #000000;
    display: block;
    font-size: 20px;
    text-decoration: none;
}
.title_product a:hover {
    color: #fe9b06;
    text-decoration: none;
}
.newsitem img {margin-right: 10px; margin-bottom: 10px; float: left; border: none; width: 200px;height: auto;border: 1px solid #e5e5e5;padding: 2px}
.newsitem img.larger {width: 350px}
.newsitem img.imgpro {width: 250px}
.newsitem h2, .newsitem h3 {margin:0; padding:0;padding-bottom:5px;line-height: 16px}
.newsitem h3.otheritem {background: url('../images/success.png') no-repeat left 3px; padding-left: 20px}
.newsitem h2 a, .newsitem h3 a {color: #000000; text-decoration:none; font-size:16px; font-weight:bold}
.newsitem h2 a:hover, .newsitem h3 a:hover {color: #D70101; text-decoration:none;}
.newsitem p {padding:0;margin:0; line-height:18px;text-align:justify}
.newsitem span.viewmore {display:block;padding:5px; text-align:right;}
.newsitem span.viewmore a {color: #006dff; text-decoration:none;padding-left: 15px;background: url('../images/icon_read_more.png') no-repeat left center;}
.newsitem span.viewmore a:hover {text-decoration: underline}

.paging {text-align:center;padding: 5px;padding-top: 15px;clear: both}
.paging li {display:inline-block;padding:3px 5px}
.paging li.active {background:#ff9000;color:#ffffff}
.paging span a {display:inline-block;padding:3px 5px; text-decoration: none; color: #006dff;border: 1px solid #e5e5e5;}
.paging span.page {background:#ff9000;color:#ffffff;display:inline-block;padding:3px 5px;margin-right: 4px;border: 1px solid #e5e5e5;}
.paging span.page-a {margin-right: 4px;}
.paging span.page-a a:hover {background:#ff9000;color:#ffffff;display:inline-block;padding:3px 5px}

p.error {
    background: #F3C598 url('../images/msg_error.gif') no-repeat 5px 5px;
    border: 1px solid #F00F00;
    padding: 7px 7px 7px 30px;
    margin: 5px 0;
    color: #FF2B2B;
    font-style: italic;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-size: 13px;
}
p.success {
    background: #EAF7D9 url('../images/success.png') no-repeat 5px 10px;
    border: 1px solid #BBDF8D;
    padding: 7px 7px 7px 30px;
    margin: 5px 0;
    font-size: 13px;
    color: #555555;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.partner {
    width: 100%;
    display: block;
    padding: 10px 0;
    float: left;
    background-color: #ffffff;
}
.partner img {display: inline-block;width: 100%;border: none;margin-right: 5px;float: left;margin-bottom: 7px}
.partner_img {width: 20%}
.partner_content {
    display: block
}
.partner_title {margin: 0 10px}
.partner_content:hover .ca-nav {
    display: inline
}
.right_title, .rightImg {display: block}
.right_title {line-height: 30px;text-align: center;margin: 0;padding: 5px 0 0;font-size: 22px;font-weight: normal;text-transform: uppercase;font-family: Papyrus, fantasy}
.rightImg {margin-bottom: 20px;}
.rightImg img {border: none;width: 100%;height: auto}
#slideshow {
    max-height: 525px;
    position: relative;
    display: block;
    padding: 0
}
#frmRe {padding: 0 15px;text-align: center}
#frmRe .btn {background-color: #64e15e}
@media (max-width: 520px) {
    .header_content {position: relative}
    .logo,.bg_menu,.listboxHome .col-xs-4,#footerMenu,.footer_left,.footer_right {width: 100%}
    .logo {text-align: center}
}
@media (max-width: 600px) {
    .type_img,.type_desc,.leftContent,.rightContent {width: 100%}
    .type_desc p{padding-top: 20px}
}
@media (max-width: 768px){
    .newsitem img {width: 120px;height: 90px}
}
@media (max-width: 900px) {
    .newsitem img.larger {width: 50%;height: auto}
}
@media (max-width: 992px) {
    .navbar-toggle {background-color: #000000}
    #mainMenu ul li {float: none;display: block; text-align: right;line-height: 20px;}
    #mainMenu ul li a {line-height: 20px;height: auto;padding: 7px}
    .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;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
                display:block !important;
        }
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
        .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #999;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
        background-image:none;
    }
}