body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px;}
.language_pos{
    /*position: relative;
    margin-right:45px;
    margin-left: 20px;*/
}
.gtranslate_wrapper #gt_float_wrapper{
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
}
.bg7 > div{background-color: transparent;}
body.site_us{
    font-family: "Open+Sans" !important;
    font-family: "Raleway" !important;
    font-family: "Lato" !important;
    font-size: 16px;    
}
body.site_us .footer-box .footer-left
, body.site_us .footer-bottom .footer
, body.site_us .main_content article
, body.site_us .main-products .item .news-text
, body.site_us .contact .contact-imformation
, body.site_us .main_content .product-right
, body.site_us .contact-misc{
    /*font-family: "Open+Sans" !important;
    font-family: "Raleway" !important;
    font-family: "Lato" !important;
    font-size: 16px;    
    text-transform: uppercase;*/
}
body.site_us .page-menu-box
, body.site_us .menu-box
, body.site_us .main_content article .page-title
{

}
body.site_us .section .product-title .title_red
{
    font-family: "porterbold", Microsoft YaHei;
}
body.site_us .section .product-title .title_red, .index-title p:first-child{
    font-size: 32px;
}
body.site_us .section .product-title .title_red span{
    font-size: 45px;
}
.product-title .title_red{
    padding-left: 5px;
    padding-right: 5px;
}
body.site_us .menu li a, body.site_us .language_pos li a{
    font-weight: bold;
}
body.site_us .menu li a
, body.site_us .main_content article .page-title
, body.site_us .page-menu-box .page-title, body.site_us .page-menu-box
, body.site_us .page-menu-box .menu-left li a
, body.site_us .index-title p:first-child{
    text-transform: capitalize !important;
}
body.site_us .page-menu-box .menu-left li a{    
    font-weight: bold;
}
.menu-left li a {
    line-height: 103px;
}
.page-menu-box{
    min-height: 89px;
}
.page-menu-box .page-title .title-left p.page_tile_set {
    line-height: 89px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.main_content .prodcut-left .myDiv{
    padding: 0px !important;
}
.main_content .prodcut-left .myDiv .tit_catr {
    padding-left: 30px;
    padding-right: 30px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}
.prodcut-left .navBox a{
    display: block;
    padding: 0px;
    line-height: 58px;
    max-width: 100% !important;
}
.main_content .prodcut-left .navBox .myDiv a .tit_catr{
    font-size: 16px;
    font-weight: normal;
}
.row .box_boder_col:first-child{
    margin-top:0px;
}
.row .box_boder_col{
    margin-top:20px;
}
.box_boder_col img{
    max-width: 100%;
}
body.site_us .section .product-title .title_red:first-letter {
    font-size: 42px;
}
#below_component, #row_component{
    margin-top:20px;
}
.main_content img{
    max-width: 100%;
}
.prodcut-left .navBox a {
    text-transform: capitalize;
}
.logo .pc-language, .logo .pc-language p{
    display: none !important; 
}
.news-box .main-products .news-readmore button{
    line-height: 3;
    display: inline-block;
    min-width: 130px;
    line-height: 1.9vw;
    border: 1px solid #ddd;
    border-radius: 18px;
    color: #fff;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    transition: margin-top 0.5s ease-out 0s, display 0s ease-out 0s;
    font-size: 14px;
    background-color: transparent;
    height: 38px;
    line-height: 38px;
}
.news-box .main-products .news-readmore button:hover{
    border: 1px solid #fff;
    background-color: #ff1923;
}
.icon_email{
    position: absolute;
    top: auto;
    right: 2.5%;
    bottom: 25px;
    font-size: 25px;
}
.icon_email a{color: #fff;}
.icon_email a:hover{color: #FF121E;}
.footer-left {
    width: calc(100% - 150px);
}
.video-box2 > div.custom{background-color: transparent !important;}
@media only screen and (max-width: 1150px){
    .staticlogo .menu-box > .nav{
        top: -156px;
    }
    .staticlogo .menu-box > .nav{
        padding-top: 41px !important;
        min-height: 156px !important;
    }
    .mob-menu .MenuList_d1-open .MenuList_d1-default .MenuList_d1-nav-list{
        margin-top: 140px !important;
    }
    .MenuList_d1-nav-list li a{
        text-transform: capitalize;
        font-weight: bold;
    }
    .MenuList_d1-nav-list>li>div{
        height: auto !important;
    }
    .MenuList_d1-nav-list li>div ul li{
        margin-top: 0px !important;
    }
    .MenuList_d1-nav-list li>div ul li {
        display: block !important;
        width: 100% !important;
    }
    .MenuList_d1-default .MenuList_d1-nav-list > li ul.menu-hover li a{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .logo .pc-language{
        display: inline-block !important;
        position: relative;
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    .logo .pc-language .menu-hover{
           width: 256px;
           display: block !important;
           margin: 0 auto;
    }
    .logo .pc-language .menu-hover li{
        float: left;
        width: 100px;
        display: inline-block !important;
        text-align: center;
    }
    .logo .pc-language .menu-hover li a{        
        text-indent: -9999px;
        width: 50px;
        height: 33px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .logo .pc-language .menu-hover li.language_cn a{
        background-image: url('//yongxing.vn/media/mod_languages/images/zh.gif');
    }
    .logo .pc-language .menu-hover li.language_vn a{
        background-image: url('//yongxing.vn/media/mod_languages/images/vi.gif');
    }
    .logo .pc-language .menu-hover li.language_en a{
        background-image: url('//yongxing.vn/media/mod_languages/images/en.gif');
    }
}
@media only screen and (max-width: 980px){
    
}
@media only screen and (max-width: 770px){
    body .page-title, body .building-page, .footer-box .footer-top, .section #sessionfooter{
       display: block !important;
    }
    .section #sessionfooter .footer-menu,  #sessionfooter .bq-box h2{
        display: none !important;
    }
    #sessionfooter .footer{
        padding-left: 30px;
    }
    #sessionfooter .bq-box
    , #sessionfooter .erweima{
        display: inline-block;
        float: left;
    }
    #sessionfooter .bq-box{
        width: 45% !important;
    }
    #sessionfooter .bq-box , #sessionfooter .bq-box .friend-link
    {
        margin-bottom: 0px !important;
    }
    #sessionfooter .erweima{
        width: 45% !important;        
    }   
    #sessionfooter .erweima img{        
        height: 150px !important;
        width: auto !important;
    }
    .friend-link img{        
        height: 70px !important;
        width: auto !important;
    }
    #sessionfooter .bq-box img
    , #sessionfooter .erweima img{
        /*height: auto !important;    
        display: block;*/
    }
    .footer-box .footer-top{
        
        width: 90%;
        margin: 0 auto;
    }
    .footer-right{
        float: left;
    }
    .page-menu-box .menu-left li a {
        font-size: 100%;
    }
    .page-menu-box .page-title {
        text-align: center;
        width: 100%;
    }
    .page-contcet, .page-menu-box{
        
    }
    div#page_menu{
        width: 90%;
    }
    .footer-bottom{
        padding: 0px;
    }
    .section .product-title:after{
        display: none !important;
    }
    .section .product-title{
        line-height: normal;
    }
}
@media only screen and (max-width: 767px){
    .box_boder_col .row .col-sm-3{
        text-align: left !important;
    }
    .main_content .box_boder_col {
        margin-top: 20px !important;
    }
    .staticlogo .menu-box > .logo{
        top:10px !important;
    }
    body.site_us .section .product-title .title_red, .index-title p:first-child{
        font-size: 20px;
    }
    body.site_us .section .product-title .title_red span{
        font-size: 35px;
    }
    body.site_us .section .product-title .title_red:first-letter {
        font-size: 35px;
    }
}
@media only screen and (max-width: 540px){
    #sessionfooter .erweima {
        width: 100% !important;
    }  
    #sessionfooter .erweima img{        
        height: 70px !important;
        width: auto !important;
    }
    .friend-link img{        
        height: 45px !important;
        width: auto !important;
    }
}