body{
    /*background-color: transparent;*/
}

.section31 {
    background: url("/public/images/slide_top/slide1.jpg") no-repeat;
}

.section32 {
    /*background: url(images/graphics/backgroud_chili.png) no-repeat;*/
    background: url("/public/images/slide_top/slide1.jpg") no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
}



#supportDialog {
    background-color: darkslategray; display: none; color: white;
    position: fixed; bottom: 80px; right: 10px; border: 1px solid gray; z-index: 100000;
}

.supportPhone{
    position: fixed; bottom: 18px; left: 20px ;width: 48px;
    height: 48px;
    line-height: 48px;
    background: orangered;
    text-align: center;
    border-radius: 50%;
    z-index: 100000;
    color: #fff;
}

.supportPhone a {
    color: #fff;font-size: 26px;
    margin-top: 10px;
}

.supportPhone i {
    margin-top: 10px;
}

.chatWithAdmin {
    position: fixed;
    bottom: 18px;
    right: 60px;
    width: 48px;
    height: 48px;
    padding-top: 5px;
    line-height: 48px;
    background: orangered;
    text-align: center;
    border-radius: 50%;
    z-index: 100000;
    color: #fff;
}



/*manh for home page*/
.home-page .cell{
    font-size: 14px;
    padding: 12px 8px;
}
.odd{

}
.home-page .heading{
    margin-top: 10px;
    padding: 12px 8px;
    font-size: 16px;
}
.even{
    background: transparent linear-gradient(to right, #FFF 0%, #EBEAEB 100%) repeat scroll 0% 0%;
}
.home-page .heading-feature{
    background: transparent linear-gradient(to right, #FFF 0%, #EBEAEB 100%) repeat scroll 0% 0%;
    font-weight: bold;
}
.home-page .heading-free{
    background: #6F7994 none repeat scroll 0% 0% !important;

    color: #FFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.home-page .heading-save{
    background: #4B66A9 none repeat scroll 0% 0% !important;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.home-page .heading-save a, .home-page .heading-advance a{
    color: #FFF;
}
.home-page .heading-advance{
    border-top-left-radius: 4px;
    background: #BC246F none repeat scroll 0% 0% !important;
    border-top-right-radius: 4px;
}



.nav-bar-pc {
    /*height: 42px;*/
    background: #4b66a9;
    /*padding: 5px;*/
}

.nav-bar-pc .site-menu>li {
    float: left;
    padding: 7px 12px 0px 12px;
    position: relative;
    font-weight: 700;
}

.nav-bar-pc .site-menu>li>a {
    color: #fffafe;
    line-height: 42px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif
}

.nav-bar-pc .site-menu>li>a i {
    font-size: 16px
}

.nav-bar-pc .site-menu>li .level2 {
    position: absolute;
    left: 0;
    top: 48px;
    z-index: 66;
    display: none;
    background-color: #4b66a9;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    width: 250px
}

.nav-bar-pc .site-menu>li .level2 li {
    display: block;
    position: relative
}

.nav-bar-pc .site-menu>li .level2 li a {
    display: block;
    font-size: 0.92857em;
    padding: 10px;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif
}

.nav-bar-pc .site-menu>li .level2 li a i {
    float: right;
    margin-top: 3px
}

.nav-bar-pc .site-menu>li .level2 li a:hover {
    background: #004f75
}

.nav-bar-pc .site-menu>li .level2 li .level3 {
    position: absolute;
    top: 0;
    display: none;
    left: 100%;
    width: 170px;
    background-color: #4b66a9;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2)
}

.nav-bar-pc .site-menu>li .level2 li:hover .level3 {
    display: block
}

.nav-bar-pc .site-menu>li:first-child {
    padding-left: 0
}

.nav-bar-pc .site-menu>li:last-child {
    background: none
}

.nav-bar-pc .site-menu>li.home a {
    /*color: #e67817*/
}

.nav-bar-pc .site-menu>li.active {
    background: #e67817
}

.nav-bar-pc .site-menu>li:hover .level2 {
    display: block
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}



.small_title{
    font-weight: bold;
    border: 1px solid lavender;
    background-color: lavender ;
    padding: 2px 3px 2px 3px;
    margin-bottom: 3px;
    color: #285e8e
}

div.head_info{
    background-color: lavender ;
    width: auto;
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    border-top: 1px solid #E0E0EB;
    border-right: 1px solid #E0E0EB;
    border-left: 1px solid #E0E0EB;
}

div.cover01{
    margin: 0 5px 0 5px; border: 1px solid #ccc;
}

table.table01 {width: 450px; border: 1px solid #ccc; border-collapse: collapse; margin: 0px 0px 0px 0px; }
table.table01 td {  border: 1px solid #ccc;      padding: 3px 5px 3px 5px;  color: #555   ;}
table.table01 th {  border: 1px solid #ccc;    padding: 3px 5px 3px 5px;    color: #555  ;}
table.table01 tr:nth-child(even) {background:   white;}
table.table01 tr:nth-child(odd) {background:  #f6f6f6;}

div.cover02{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}



.navbar-form{
    margin-top: 2px;
}

* {
    line-height: 1.5;
}