body{
	background: #333;
}
.header_in,.main_in,.footer_in{
    background-color: white;
}
#header{     
    
}
.header_in{
    height: 89px;
}
.vn.sys_flag{
    width:20px; height: 14px;
    background: url('../images/vi.png') no-repeat center center;
    display: inline-block
}
.en.sys_flag{
    width:21px; height: 14px;
    background: url('../images/en.png') no-repeat center center;
    display: inline-block;
}
.lang.sys_lang{
    position: absolute; right: 10px;top: 9px
}
.top_menu{
    right: 75px; top: 10px;
}
.topmenu li a{
    font:1.2em Arial; color:#333;  
}
.topmenu li a::after{
    content: "|";
    margin: 0 3px;
}
.topmenu li:last-child a::after{
    display: none
}
.logo{
    margin: 8px 8px 8px 20px;
    max-height: 75px;
}
.slogan{
    color:#37948a; font-size: 26px; position: absolute; top: 30px; left: 250px
}
.search_form{
    position: absolute; bottom:2px; right: 0;
    width: 350px; height: 30px; border:1px solid #888;
    background: #fff;
    background: rgba(255,255,255,0.6);
    display: none;
}
.search_form input[name=q]{
    padding-left: 5px; font-size: 1.2em; border:none; height: 100%; width: 308px ; background: none
}
.search_form button{
     border:none;    background: none;vertical-align: middle
}
.search_form button i{
     font-size: 26px;
}
.header_in{border-bottom: 1px solid #a59e8b;}
.main_menu{
    z-index: 100000; padding-left: 15px; padding-right: 15px; 
    bottom:0; right: 0;
}

.mainmenu > li, .mainmenu > li:hover{
    background: none; 
}

.mainmenu li:hover a, .mainmenu li.sfHover a{
	color: #000;
}

.ul-level-1{
    display: none;
    top: 24px;
    list-style-type: none;
    margin: 0px;
    padding: 10px;
    position: absolute;
    min-width: 100px !important;
    border-top: 1px solid #FFF;
    background: url(../images/grnd_sub.png) repeat-x top left;
    z-index: 20;
    -webkit-box-shadow: 0px 2px 5px 0px #4a4a4a  !important;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a  !important;
    box-shadow: 0px 2px 5px 0px #4a4a4a !important;
}
.li-level-2{
    float: none;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    background: url(../images/dot_sub.gif) no-repeat left center !important;
    cursor: pointer;
}

.mainmenu li ul ul{left: 100%}

.li-level-1 > a{
    border:none; 
    background: none;
    font-size: 1.3em; color: #666; 
    text-transform: uppercase;
    font-family: 'Myriad Pro', Arial;
}
 
.menu-ext2{
    top: 0;
    z-index: 99000;
}
.menuext2{
    background-color: #d2f2ef;
    background-color: rgba(210,242,239,0.2);
    border-right:1px solid #d2f2ef;
    border-right:1px solid rgba(210,242,239,0.5);
}
.menuext2 .p50{
    height: 50px;
}
.mext2{
    margin-top: 10em;
}
.mext2 li{
    background: url('../images/icon-dot1.png') no-repeat 10px 50%;
    padding-left: 30px;
}
.mext2 li .menu-item-name {
    color:#fff;
    font:2em/2.3em Arial ;
}
.mext2 li .menu-item-name:hover{
    color:#F9F500;
}
#main .main_in{
   background-color: white;
    
}
#main.index .main_in{
    background-color: transparent;
}
.slideall {
     
}
.index-box-title{
    color:#fff; font:1.5em/2.5em Arial; margin-top: 0.75em;
}
.bgbox-index{
    background-color: #d2d2d2;  
}
.index-box-text{
     border-right: 1px solid #fff;
}
.bgbox-index .id1:last-child .index-box-text{border-right: none}
.index-box-text .index-box-text-content{
    color:#323232; margin: 0.75em;
}
.index-box-text-img img{
    width: 241px; height: 117px; max-width: 100%;
    margin: 5px 0 0 5px;
}
.mgb5{margin-bottom: 5px}

.system-style.footer{
    background-color: #1c1c1c;
}
.system-style.addContact{
    border-top-color: #494949;
}
.system-style.bottom_nav li{
    border-right-color: #494949;
}
.system-style.bottom_nav li a,.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext{
    color:#bababa;
}
#footer .footer_in{
    border-top: 2.4em solid #000;
    margin-top: 1.5em
}
.btn-index-detail{
    background-color: #3b9d93; padding: 5px 10px; color:#fff; font-size: 1.2em;
    bottom:5px; right:10px;
}
.category_icon{
     
    text-align: center;
}
.category_icon img{
    max-width: 100%;
    
}
ul.sys-breadcrumbs {
    padding-left: 10px;
    background: #fff;
    background: -webkit-linear-gradient(white, #f9f9f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #f9f9f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #f9f9f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #f9f9f9); /* Standard syntax (must be last) */
    border-bottom: 0px solid #e8e8e8;
}  
ul.sys-breadcrumbs li a{ line-height: 3em;}
.col-left{
    vertical-align: top;
}
.col-left .left_box{
    border:1px solid #d4d4d4;
    margin: 5px; 
}
.left-menu li .menu-item-name{
    text-transform: uppercase;
}
.left-menu li li .menu-item-name{
    text-transform: none;
}
.left-menu li:hover, .left-menu li.sfHover{
    background-color: #ccc
}
.left-menu li:hover > a, .left-menu li.sfHover > a{
    color: #fff;
}
ul.sys-breadcrumbs li a{
    font-size: 1.3em
}
.left_box_title{
    color:#565656; text-align: center; text-transform: uppercase;font:1.2em/3em Arial;
    background: -webkit-linear-gradient(white, #e1e1e1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e1e1e1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e1e1e1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #e1e1e1); /* Standard syntax (must be last) */
    border-bottom: 1px solid #d4d4d4;
}
.left_box_title.s1{
    background: #ed1c24;
    color:#fff; text-transform: uppercase;
        
}
.best100{
    margin-top: 5px;
}
.best100 .item-img img{
    margin: 5px 0; 
}
.left-adv.left_box{
    border-color: transparent;
}
.col-right{
     vertical-align: top;
   
}
.category_text{
    font-size: 1.2em; line-height: 1.8em; 
}
.box_index_header .box_index_name .category_name{
    color:#514f4f; font:bold 1.3em/2.5em Arial;
}
.box_index_header{
    border-bottom: 1px solid #888; margin-top: 10px;
}
.ul-list-index-item{
   
}
.ul-list-index-item .item-block{
    margin-bottom: 20px;
    height: 100px;
    border:2px solid transparent;
    border-radius: 4px;
    width: 136px;
}
.ul-list-index-item .item-block:hover{
     
    border-color: rgba(117,117,117,0.7);
}
.ul-list-index-item .item-block .pHover{
    top: 0; left: 0; width: 100%; height: 100%;
    background: #fff;
    background: rgba(214, 104, 34, 0.9);
    display: none;
}
.ul-list-index-item .item-block:hover .pHover{
     
    display: block;
}

.ul-list-index-item .item-block .pHover .item-name{
    color: white;
    font-size: 12px;
    line-height: 18px;
    margin: 0.5em;
    max-height: 36px;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.ul-list-index-item .item-block .pHover .item-info{
    color: #525252;
    font-size: 1.1em; line-height: 18px;
 margin:0 0.5em;
    max-height: 54px; overflow: hidden;
}

.ul-list-index-item .item-block .item-img img{width: 100%; height: 100%;}

.ul-list-index-item .item-block .item-name{
    color:#5a5a5a; font-size: 1.3em; margin-top: 5px;
}
.ul-list-index-item .item-block .item-name span{
    color:#418b83;  
}
.systemPaging .btnPaging{
    background-color: #ed1c24; text-transform: none;
    padding: 3px 20px;
    margin-top: 0
}
.other_category_name{
    color:#383838; font-size: 1.3em; line-height: 3em;
    background: -webkit-linear-gradient(white, #e1e1e1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e1e1e1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e1e1e1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #e1e1e1); /* Standard syntax (must be last) */
    text-indent: 10px;
    
}
.NDboxgioithieu .GTtitle {display: none}
.index-title.other-albums .title{
    color:#565656; text-align: center; text-transform: uppercase;font:1.2em/3em Arial;
    background: -webkit-linear-gradient(white, #e1e1e1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e1e1e1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e1e1e1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #e1e1e1); /* Standard syntax (must be last) */
    border-bottom: 1px solid #d4d4d4;
}
.adv-slider{
    z-index: 999;
    bottom: 60px; right: 0;
    width: 255px;
}
.adv-slider .sadv img{
    border:2px solid #fff;
    border-radius: 4px;
}
.slider .thumb-img{
     border-radius: 3px;
}
.copyright p{
    color: rgb(153, 153, 153);
    height: 25px;
    font-size: 8pt;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    padding: 5px;
}
.index_content {
    padding: 0px;
}
.index_text_content{
    bottom: 0;
    left: 0;
    height: 120px;
    width: 590px;
    background: #fff;
    border: 10px solid;
    border-width: 1px 0 0 1px;
    border-color: rgba(0,0,0,.5);
    padding: 10px 10px 0 10px;
    overflow: hidden;        
    font-size: 12px;
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
    text-align: justify;    
}

.line-paging{
    height: 30px; display: block; margin-bottom: 10px
}
.products_detail .item-name{
    font-size: 1.2em; 
    color:rgb(255, 153, 0); 
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}
.products_detail .pro-detail{
    margin-top: 15px;
    margin-right: 10px;
    width: 250px;
}
#etalage{
    margin-bottom: 0 !important;
}
.mainmenu li .rtl ul{
	left: -100%
}
#divSubMenu {
    background-color: #EEE;
    color: #666;
    padding: 15px 10px;
    margin: 0px;
}
#divPostContent {
    float: left;
    height: 470px;
    border-right: 1px solid #333;
    padding: 0px;
}
#divPostContent .li-level-1  a{    
    font-size: 10pt;
}
#divSubMenu ul {
    
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
#divSubMenu ul li {
    display:inline;
    font-family:'Myriad Pro', Arial;
    font-size:10pt;
    height:14px;
    padding:0px 10px;
    text-transform: uppercase;    
    border-left: 1px solid gray;
}
#divSubMenu ul li:first-child{
    border-left:none;
}
#divSubMenu li.separator {
    width:1px;
    padding:0px 0px;
    background: url(../images/dot_menu.gif) no-repeat center center;
}
#divSubMenu li.parent {
    width:8px;
    padding:0px 0px;
    background: url(../images/dot_parent.png) no-repeat center center;
}
#divSubMenu ul li a, #divSubMenu ul li a:link, #divSubMenu ul li a:visited {
    color:#666;
}

#divSubMenu ul li a:hover {
    color:#000;
}
#divSubMenu ul li a.active {
    text-decoration:underline;
}
.list-items{
    
    padding: 1px 1px 1px 15px;
    float: left;
}
.list-items h2{
        font-size: 14px;
    font-weight: bold;
    font-family: 'Myriad Pro', Arial;
    margin: 5px 0px ;
}
.list-items p{

    font-family: 'Myriad Pro', Arial;
}
.list-items ul{
        list-style-type: disc;
    margin: 0px 29px;
    font-family: 'Myriad Pro', Arial;
}
.Inright {
    padding: 0px;
    overflow: hidden;
    height: 470px;
}
.Inright  img{
    width: 100%;
}
.top_box{
    float: left;
    width: 100%;
    height: auto;
    line-height: 20px;
    padding: 5px;
    background: #eee;
}
.top_box ul{
    list-style-type:none;
    padding: 5px 20px;
    text-align: center;

}
.top_box ul li{
    font-family: 'Myriad Pro', Arial;
    display: inline;
    line-height: 30px;
    border-left: 1px solid #666;
    padding: 0px 10px;
    font-size: 20px;
}
.top_box ul li:first-child{
    border-left: none;
}
.top_box ul li a{
    font-size: 10pt;
    color: #666;
    text-transform: uppercase;
}
.contact-top img{
    width: 100%;
}
.slimScrollDiv{
    padding-right: 10px;
}
.simply-scroll .simply-scroll-list li{
    width: auto !important;
    margin: 0px 5px;
    height: auto;
}
.simply-scroll-list li img{
    height: 70px;
}
.logo_index{
    width: 380px;
    overflow: hidden;
    margin: 5px 15px;
}
.marqueetop{
    color: #666;
    font-size: 10pt;
    padding: 8px 0px;
    font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.caption{
    position: absolute;
    margin-left: -11px;
    margin-top: -32px;
    background-color: #FFF;
    color: #666;
    font-size: 8pt;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border: 1px solid rgba(0,0,0,.5);
    border-bottom: none;
    z-index: 20;
    padding: 6px 10px 0px 10px;
}
.simply-scroll .simply-scroll-clip,.simply-scroll{
    height: auto !important;
}
.li-level-1:hover{
    background: none !important;
}
.li-level-2:hover{
    background: url(../images/dot_subover.gif) no-repeat left center transparent !important; 
}
.divSlide {
    position:relative;
    overflow:hidden;
}
.divSlide img{
    max-width: 100%;
}
.divSlide li {
    list-style-type:none;
    margin:0px;
    padding:0px;
    position:absolute;
    background-color:#FFF;
    z-index:11;
}
.divSlide div {
    position:absolute;
    z-index:8;
    opacity:0.0;
}
.divSlide div.active {
    z-index:10;
    opacity:1.0;
}
.divSlide div.last-active {
    z-index:9;
}
#divProjectImage {
    float: right;
    width: 700px    ;
    height: auto;
    position: relative;
}
#divNavigation {
    position:absolute;
    z-index:20;
    margin-top:-21px;
    text-align:right;
    width: 100%;
}
#divNavigation div {
    display:inline;
    padding:3px 3px 1px 3px;
    text-align:center;
    margin-right:2px;
    font-size:8pt;
    min-width:10px !important;
    min-width:16px;
    cursor: pointer;
    color:#000;
    background: url(../images/nav_normal.png);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
#divNavigation div.over {
    background: url(../images/nav_over.png);
}
#divNavigation div.active {
    background: url(../images/nav_active.png);
}
th, td{font-family:'Myriad Pro', Arial, Helvetica, sans-serif; font-size:9pt; }
table{
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 10px;

    display: table;
    border-collapse: separate;
    border-color: grey;
}
.sf-arrows .sf-with-ul:after{
    display: none;
}
.sf-arrows .sf-with-ul{
    padding-right: 20px;
}
.sf-menu a{
    border-left: none;
    border-top: none;
    color: #666;
    padding: 5px 10px;
}
.slidetb li img{
    height:65px
}
.system-style.s_list_news li .sys-nname h1{
    color: #ed1c24;
    font: 1.2em/1.5em Arial;
    text-align: left;
}
.sf-arrows .sf-with-ul h1{
    padding-right: 20px;
        font: 1.0em/1.5em Arial;
}
.menu-item-name{
    padding-right: 20px;
        font: 1.0em/1.5em Arial;
}





