/*  =====================================================================================
 *  ==   COPYRIGHT 2013 - EBUZ PROJECT. ALL RIGHTS RESERVED.                           ==
 *  ==   EBUZ PROJECT PROPRIETARY/CONFIDENTIAL. USE IS SUBJECT TO LICENSE TERMS.       ==
 *  ==                                                                                 ==
 *  ==   CONTACT ebuz.project@gmail.com OR VISIT htpp://ebuz.vn FOR MORE INFORMATION   ==
 *  =====================================================================================
 */
 
 /* =====================================================================================
    POPUP STYLE
   =====================================================================================*/
    
    /***************** begin popup style ******************/
    .page-popup-container{
        
    }
    .left-right-popup-content{
        width: 100%;
        height: 1px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
    }
    .left-right-popup-content .content-wrapper{
        width: 1000px;
        height: 1px;
        position: relative;
        z-index: 500;
    }
    .left-popup-content{
        position: absolute;
        top: 100px;
        left: -135px;
        right: auto;
        bottom: auto;
        width: 130px;
        z-index: 501;
    }
    .right-popup-content{
        position: absolute;
        top: 100px;
        left: auto;
        right: -135px;
        bottom: auto;
        width: 130px;
        z-index: 501;
    }
    
    @media only screen and (max-width: 1300px) {
        .left-right-popup-content{
            display: none !important;
        }
    }
    /***************** end popup style ******************/  

/* =====================================================================================
    HEADER STYLE
   =====================================================================================*/
    /************ begin page tool bar style ***************/
    .page-tool-bar{
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #ddd;
        background: url("../img/gradien-bg.png") left top repeat-x;
        z-index: 500;
    }
    .page-tool-bar .content-wrapper{
        background: none;
        padding: 0 5px;
    }
    .page-tool-bar .left-content{
        width: 50%;
        text-align: left;
    }
    .page-tool-bar .right-content{
        width: 50%;
        text-align: right;
    }
    span.toolbar-hotline{
        font-weight: bold;
        color: #ED1B24;
    }
    ul.toolbar-nav-list{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    ul.toolbar-nav-list li{
        display: inline-block;
    }
    ul.toolbar-nav-list li a{
        padding: 0 7px;
        color: #00A652;
    }
    ul.toolbar-nav-list li a:hover{
        color: #ED1B24;
    }
    /************ begin page tool bar style ***************/

    /************ begin header layout style ***************/
    header .content-wrapper{
    }
    .header-baner-box{
        min-height: 100px;
        background: #ddd;
    }
    .head-nav-box{
        height: 38px;
        line-height: 38px;
        background: #00a652;
        border-bottom: 2px solid #ed1b24;
    }
    /************** end header layout style ******************/
   
    /************ begin header banner style ***************/
    .desktop-logo-box{
        width: 170px;
        text-align: center;
        height: 110px;
        line-height: 110px;
    }
    /************ begin header banner style ***************/
   
    /************** begin head banner box **************/
    .header-baner-box{
        background: #fff url("../img/header-3.jpg") top center no-repeat;
    }
    .header-info-box{
        left: 200px;
        top: 0;
        bottom: 0;
        text-align: center;
        padding: 15px 0;
    }
    .header-info-box p{
        line-height: 25px;
        margin: 0;
        padding: 0;
    }
    .header-info-box p.org-name{
        font-size: 21px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ED1B24;
        line-height: 30px;
    }
    .header-info-box p.org-contact{
        font-size: 17px;
        color: #00A652;
    }
    /************** end head banner box **************/
   
    /************** begin head nav box **************/
    .sys-nav-box{
        width: 180px;
        text-align: center;
        padding: 3px 5px 0 5px;
    }
    .head-right-box{
        width: 240px;
        text-align: center;
        box-sizing: content-box;
        -moz-box-sizing: content-box; /* Firefox 28 and earlier*/
    }
    .page-search-box{
        left: 200px;
        right: 250px;
    }
    .home-nav-box{
        display: inline-block;
    }
    .home-nav-box a{
        font-size: 13px;
        color: #fff;
        font-weight: bold;
    }
    .home-nav-box a i{
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }
    .shop-cart-box{
        display: inline-block;
    }
    /************** end head nav box **************/
   
    /************** begin sys nav box **************/
    .sys-nav-link {
        display: block;
        height: 32px;
        border: 1px solid #ed1b24;
        background: #fff;
        color: #2D8AEF !important;
        font-weight: bold;
        font-size: 15px;
        cursor: pointer;
        border-radius: 8px 8px 0 0;
        line-height: 34px !important;
        height: 32px;
    }
    /************** begin sys nav box **************/
   
    /************** begin shop cart box **************/
    .user-nav-link{
        display: block;
        color: #fff !important;
        font-weight: bold;
        cursor: pointer;
        text-align: left;
        font-size: 13px;
        background: url("../img/shopcart-icon.png") 10px center no-repeat;
    }
    .shop-cart-counter{
        float: left;
        margin-left: 26px;
        margin-top: -5px;
        margin-right: 15px;
        font-size: 13px;
    }
    /************** end shop cart box **************/
   
    /************** begin page search box **************/
    .searh-form-box{
        height: 25px;
        line-height: 25px;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-top: 5px;
        box-sizing: content-box;
        -moz-box-sizing: content-box; /* Firefox 28 and earlier*/
    }
    .search-label-box{
        width: 85px;
        text-align: center;
        border-right: 1px solid #ddd;
        font-weight: bold;
    }
    .search-input-box{
        left: 90px;
        right: 35px;
        line-height: 28px;
        padding: 7px 0;
    }
    .search-input-box input{
        font-size: 17px;
        border: none;
        background: none;
        width: 100%;
    }
    .search-button-box{
        width: 30px;
    }
    .search-button-box button{
        background: none;
        border: none;
    }
    /************** end page search box **************/
   
    /************** begin dropdown box box **************/
    .nav-dropdown-box{
        display: none;
        position: absolute;
        top: 36px;
        left: 2px;
        right: 2px;
        bottom: auto;
        background: #ED1B24;
        z-index: 400;
        height: 2px;
    }
    .active .nav-dropdown-box,
        .show .nav-dropdown-box{
        display: block;
    }
    .nav-dropdown-box .wrapper{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .nav-dropdown-content{
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 180px;
        height: 329px;
        border: 2px solid #ed1b24;
        background: #fff;
        padding-bottom: 2px;
        
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    }
    /************** end dropdown box box **************/
   
    /************** begin product nav style **************/
    .product-nav-list{
        margin: 0;
        padding: 0;
    }
    .product-nav-list li{
        list-style: none;
        line-height: 35px;
        height: 35px;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ddd;
    }
    .product-nav-list li.first-item,
    .product-nav-list li.last-item{
        height: 1px !important;
        min-height: 0 !important;
        border: none;
        background: #ED1B24;
    }
    .product-nav-list li:hover{
        background: #ED1B24;
        border-bottom: 1px solid #ED1B24;
    }
    .product-nav-list li h2{
        line-height: 35px;
        display: block;
    }
    .product-nav-list li h2 a{
        display: block;
        color: #2D8AEF;
        font-size: 13px;
        padding: 0 10px;
    }
    .product-nav-list li:hover a{
        color: #fff;
    }
    
    .sub-nav-wrapper{
        display: none;
        position: absolute !important;
        left: 178px;
        right: 0;
        top: 0;
        bottom: auto;
        height: 329px;
        background: #fff;
        border: 2px solid #ED1B24;
        border-top: 3px solid #ED1B24;
        border-radius: 0 0 5px 0;
        
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    }
    li.active .sub-nav-wrapper{
        display: block;
    }
    .sub-nav-background{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: right;
        z-index: 450;
    }
    .sub-nav-background img{
        float: right;
        height: 100%;
        border-radius: 0 0 5px 0;
    }
    .sub-nav-content{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 451;
        padding: 10px;
    }
    
    .pro-sub-nav-list{
        margin: 0;
        padding: 0;
    }
    .pro-sub-nav-list li{
        width: 25%;
        float: left;
        height: auto;
        border: none !important;
        padding-right: 10px;
        padding-bottom: 10px;
        background: none !important;
    }
    .pro-sub-nav-list li h3{
        display: block;
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #ddd;
    }
    .pro-sub-nav-list li a{
        font-size: 13px;
        color: #2D8AEF !important;
    }
    .pro-sub-nav-list li a:hover{
        color: #EE5757 !important;
    }
    .pro-sub-nav-list li ul{
        margin: 0;
        padding: 0;
    }
    .pro-sub-nav-list li ul li{
        width: 100%;
        float: none;
        height: 20px;
        line-height: 25px;
        padding: 0;
        margin: 0;
        padding-left: 10px;
    }
    .pro-sub-nav-list li ul li a{
        color: #333 !important;
    }
    .pro-sub-nav-list li ul li a:hover{
        color: #EE5757 !important;
    }
    
    .news-sub-nav-list{
        margin: 0;
        padding: 0;
        width: 45%;
    }
    .news-sub-nav-list li{
        height: auto;
        border: none !important;
        background: none !important;
    }
    .news-sub-nav-list li h3{
        display: block;
        height: 30px;
        line-height: 30px;
    }
    .news-sub-nav-list li a{
        font-size: 13px;
        color: #444 !important;
        font-weight: normal;
    }
    .news-sub-nav-list li a:hover{
        color: #EE5757 !important;
    }
    /************** end product nav style **************/
   
    /************* begin mobile style **********************/
    .mobile-logo-box{
        height: 36px
    }
    .mobile-sys-nav{
        line-height: 40px;
    }
    .mobile-sys-nav a{
        display: inline-block;
        font-size: 30px;
        padding: 0 5px;
        vertical-align: middle;
        color: #3D57A3;
        cursor: pointer;
    }
    .mobile-sys-nav a.active{
        color: #E47911
    }
    /************* end mobile style **********************/
   
   /************* begin mobile menu panel style **********************/
    .mobile-menu-panel{
        position: absolute;
        top: 40px;
        left: -100%;
        right: 0;
        bottom: 0;
        z-index: 700;
        width: 100%;
        max-width: 100%;
    }
    .mobile-menu-wrapper{
        position: relative;
        height: 100%;
    }
    .mobile-menu-content{
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        width: 200px;
        background-color: rgba(0, 0, 0, 0.8);
        border-right: 1px solid #ddd;
    }
    .mobile-menu-space{
        position: absolute;
        top: 0;
        left: 251px;
        right: 0;
        bottom: 0;
    }
    
    ul.mobile-nav-list{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    ul.mobile-nav-list li{
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        padding: 0 5px;
        border-bottom: 1px solid #bbb;
    }
    ul.mobile-nav-list li a{
        display: block;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }
    ul.mobile-nav-list li a .fa-angle-right{
        float: right;
        margin-right: 5px;
        margin-top: 12px;
        display: block;
    }
    /************* end mobile menu panel  style **********************/

/* =====================================================================================
    FOOTER STYLE
   =====================================================================================*/
    footer .content-wrapper{
        min-height: 120px;
    }
    .footer-left-content{
        width: 65%;
    }
    .footer-right-content{
        width: 35%;
    }
    
    /************* begin footer layout **********************/
    footer .content-wrapper{
        min-height: 120px;
        border-top: 2px solid #ED1B24;
        background: #00A652;
    }
    .footer-left-content{
        width: 65%;
        padding: 10px;
    }
    .footer-right-content{
        width: 35%;
        padding: 10px;
    }
    .findus-box{
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        color: #fff;
        border-bottom: 1px solid #ddd;
    }
    .findus-box a{
        display: inline-block;
        color: #fff;
        font-size: 25px;
        vertical-align: middle;
        padding: 0 5px;
    }
    .footer-icon-box{
        padding: 10px 0;
        text-align: center;
    }
    .footer-icon-box a{
        width: 100% !important;
        margin: 5px 0;
        display: block;
        float: left;
        color: #fff;
    }
    .footer-icon-box a span{
        display: block;
        line-height: 20px;
    }
    /************* end footer layout **********************/
    
    /************* begin footer list style **********************/
    .footer-cate-list{
        list-style: none;
        padding: 0;
    }
    .footer-cate-list li{
        line-height: 25px;
        height: 25px;
        list-style: none;
        width: 30%;
        float: left;
        padding: 0 10px 0 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox 28 and earlier*/
    }
    .footer-cate-list li a{
        display: block;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .footer-cate-list li a:hover{
        color: #fff;
        text-decoration: underline;
    }
    /************* end footer list style **********************/
   
   /************* begin copy right style **********************/
    .org-info-box{
        float: left;
        width: 100%;
        border-top: 1px solid #fff;
        margin-top: 10px;
        padding-top: 5px;
    }
    .org-info-box p{
        margin: 0;
        padding: 0;
        line-height: 20px;
        color: #fff;
        font-size: 13px;
    }
    .org-info-box p.org-name{
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 30px;
    }
    .org-info-box p.org-contact{
        font-size: 13px;
    }
    .org-info-box p b{
        font-weight: normal;
    }
    .org-info-box p a{
        color: #fff;
    }
    .org-info-box p a:hover{
        color: #fff;
        text-decoration: underline;
    }
    /************* end copy right style **********************/
    
    
/* =====================================================================================
    CONTAIN LAYOUT STYLE
   =====================================================================================*/
    /************** bein page body layout **************/
    .page-body-contain{
    }
    .home-page-contain{
        padding: 10px 5px;
    }
    .left-page-contain{
        padding: 5px;
    }
    .left-page-contain .sub-content {
        float: left;
        width: 200px;
    }
    .left-page-contain .main-content{
        margin-left: 210px;
        min-height: 300px;
    }
    .right-page-contain{
        padding: 5px;
    }
    .right-page-contain .sub-content {
        float: right;
        width: 200px;
    }
    .right-page-contain .main-content{
        margin-right: 210px;
        min-height: 300px;
    }
    .detail-product-contain{
        padding: 10px 5px;
    }
    .full-page-contain{
        padding: 5px;
        min-height: 350px;
    }
    /************** bein page body layout **************/
   
    /************* begin common module layout **********************/
    .module-box{
        margin-bottom: 10px;
    }
    .module-box .box-title{
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #00A652;
    }
    .module-box .box-title h1, 
        .module-box .box-title h2, 
            .module-box .box-title h3,
                .module-box .box-title h4{
        display: block;
        height: 30px;
        line-height: 30px;
    }
    .module-box .box-title a, .module-box .box-title span{
        display: block;
        height: 30px;
        line-height: 30px;
        color: #ED1B24;
        font-size: 13px;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .module-box .box-title a i,
        .module-box .box-title span i{
        color: #00A652;
    }
    .module-box .box-content{
        padding: 5px 0;
    }
    
    .home-module .box-title{
        border-bottom: 2px solid #00A652;
        line-height: 35px;
    }
    .home-module .box-title a{
        line-height: 35px;
    }
    .home-module .box-title a.show-more{
        display: block;
        height: 30px;
        line-height: 35px;
    }
    .home-module .box-title a.show-more span{
        color: #E47911;
        font-size: 13px;
        display: inline;
    }
    .home-module .box-title a i{
        color: #00A652;
    }
    .home-carousel-wrapper{
        position: relative;
        padding: 0 20px;
    }
    .home-carousel-wrapper .owl-prev{
        position: absolute;
        top: 50%;
        left: 0;
        right: auto;
        bottom: auto;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 32px;
        padding-right: 3px;
        font-size: 20px;
        color: #999;
        text-align: center;
        background-color: rgba(200, 200, 200, 0.4);
        border-radius: 4px;
    }
    .home-carousel-wrapper .owl-next{
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        bottom: auto;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        line-height: 32px;
        padding-left: 3px;
        font-size: 20px;
        text-align: center;
        color: #999;
        background-color: rgba(200, 200, 200, 0.4);
        border-radius: 4px;
    }
    .home-carousel-wrapper .owl-prev:hover,
        .home-carousel-wrapper .owl-next:hover{
      color: #333;  
    }
    .home-carousel-wrapper .owl-prev,
        .home-carousel-wrapper .owl-next{
        margin-top: -35px;
    }
    
    .sub-module{
        padding-right: 5px;
        padding-bottom: 5px;
        border-right: 1px solid #00A652;
        border-bottom: 1px solid #00A652;
    }
    .sub-module .box-title{
        background: #f9f9f9;
        padding: 0 5px;
    }
    .sub-module .box-title a{
        font-size: 15px;
    }
    
    .right-module{
        padding-bottom: 5px;
    }
    .right-module .box-title{
        background: #f9f9f9;
        padding: 0 5px;
    }
    .right-module .box-title a{
        font-size: 15px;
    }
    
    .related-module .box-title{
        border-bottom: 1px solid #ddd;
    }
    .pro-description-module .box-title{
        border-bottom: 1px solid #ddd;
    }
    /************* end common module layout **********************/
   
/* =====================================================================================
    CONTENT STYLE
   =====================================================================================*/
  
    /************** begin page message style **************/
    .page-message-box{
        padding: 20px 150px;
        min-height: 350px;
    }
    .message-cotnent{
        width: 70%;
        padding: 20px 0;
    }
    .message-cotnent h1{
        color: #444;
    }
    .message-cotnent p{
        line-height: 20px;
        margin: 5px 0;
    }
    .message-cotnent a{
        color: #0362FD;
    }
    .message-cotnent a:hover{
        text-decoration: underline;
    }
    .error-img{
        width: 30%;
        text-align: center;
    }
    /************** begin page message style **************/
   
    /************** begin paging style **************/
    .paging-wrapper-box{
        margin: 5px 0;
        text-align: center;
    }
    .paging-box{
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    .paging-box a.btn{
        display: inline-block !important;
        height: 35px !important;
        line-height: 35px !important;
        padding: 0 15px !important;
        vertical-align: middle !important;
        margin: 0 !important;
        background: none !important;
        border: none !important;
        color: #333 !important;
    }
    .paging-box a.btn:hover{
        background: none !important;
    }
    .paging-box a.btn i{
        font-size: 19px !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    .paging-box a.btn:hover{
        color: #ED1B24 !important;
    }
    .paging-box a.btn.disabled{
        display: none !important;
    }
    .paging-box .btn-group{
        display: inline-block;
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
    }
    .paging-box .btn-group a,.paging-box .btn-group a:hover{
        display: block !important;
        height: 35px !important;
        line-height: 35px !important;
        padding: 0 15px !important;
        font-size: 13px !important;
        font-weight: bold !important;
        color: #3D57A3 !important;
        cursor: default !important;
    }
    .paging-box .btn-group ul{
        display: none;
    }
    /************** begin paging style **************/
   
    /************** begin beadcrum style **************/
    .beadcrum-box{
        line-height: 30px;
        height: 30px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        border-bottom: 1px solid #00A652;
    }
    .beadcrum-box a{
        display: inline-block;
        line-height: 30px;
        height: 30px;
    }
    .beadcrum-box i{
        margin: 0 5px;
    }
    /************** begin beadcrum style **************/
   
    /************** begin content nav box style **************/
   .content-nav-box{
        margin: 10px 0;
    }
    .content-nav-list li{
        line-height: 30px;
        height: 30px;
        width: 32.3333%;
        margin: 0 0.5%;
        padding: 0;
        border-bottom: 1px dashed #00A652;
    }
    .content-nav-list li a{
        color: #2D8AEF;
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0;
    }
    .content-nav-list li a:hover{
        color: #ED1B24;
    }
    
    .content-description{
        margin: 5px 0;
        background: #f9f9f9;
        padding: 5px;   
    }
    /************** begin content title style **************/
   
    /************** begin nav box style **************/
    .content-title-box{
        min-height: 30px;
        height: 30px;
        background: #f9f9f9;
        margin: 5px 0;
        padding: 0 5px;
    }
    .content-title{
        display: block;
        width: 50%;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        font-weight: bold;
    }
    h1.content-title, .content-title strong{
        color: #ED1B24;
    }
    .content-option{
        display: block;
        width: 50%;
        height: 30px;
        line-height: 30px;
    }
    /************** begin content title style **************/
   
    /************** begin pro left nav list style **************/
    .pro-left-nav-list{
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 5px;
    }
    .pro-left-nav-list li h3{
        display: block;
        line-height: 25px;
        height: 25px;
    }
    .pro-left-nav-list li h3 a{
        display: block;
        line-height: 25px;
        height: 25px;
        font-size: 13px;
        font-weight: bold;
        color: #2D8AEF;
        border-bottom: 1px dashed #ddd;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .pro-left-nav-list li h3 a:hover{
        color: #ED1B24;
    }
    .pro-left-nav-list li ul{
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 10px;
    }
    .pro-left-nav-list li ul li a{
        display: block;
        line-height: 25px;
        height: 25px;
        font-size: 13px;
        color: #444;
        border-bottom: 1px dashed #ddd;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .pro-left-nav-list li ul li a:hover{
        color: #ED1B24;
    }
    /************** begin pro left nav list style **************/
   
   
    /************** begin article cate nav list style **************/
    .article-cate-nav-list{
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 5px;
    }
    .article-cate-nav-list li h3{
        display: block;
        line-height: 30px;
        height: 30px;
    }
    .article-cate-nav-list li h3 a{
        display: block;
        line-height: 30px;
        height: 30px;
        font-size: 13px;
        font-weight: bold;
        color: #444;
        border-bottom: 1px dashed #ddd;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
    }
    .article-cate-nav-list li h3 a i{
        color: #E47911;
    }
    .article-cate-nav-list li h3 a:hover{
        color: #ED1B24;
    }
    .article-cate-nav-list li ul{
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 10px;
    }
    .article-cate-nav-list li ul li a{
        display: block;
        line-height: 25px;
        height: 25px;
        font-size: 13px;
        color: #444;
        border-bottom: 1px dashed #ddd;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .article-cate-nav-list li ul li a:hover{
        color: #ED1B24;
    }
    /************** begin article cate nav list style **************/
   
    /************** begin home slide box layout & style **************/
    .home-slide-contain{
        height: 330px;
        padding: 10px 0;
        background: #fff;
    }
    .menu-space-box{
        width: 190px;
    }
    .home-slide-box{
        left: 195px;
        top: 5px;
        right: 5px;
        bottom: 5px;
    }
    
    .home-main-slide{
        position: relative;
    }
    .home-main-slide img{
        height: auto !important;
        max-height: auto !important;
    }
    .home-main-slide .owl-pagination{
        position: absolute;
        top: auto;
        left: auto;
        right: 10px;
        bottom: 10px;
    }
    .home-main-slide .owl-pagination .owl-page{
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: rgba(0,0,0,0.4);
        margin: 0 7px;
        border-radius: 10px;
        color: #fff;
        padding: 0 0 0 1px;
    }
    .home-main-slide .owl-pagination .owl-page.active{
        background: #FFFFFF;
        color: #EE5757;
    }
    .home-main-slide .item{
        text-align: center;
    }
    .home-main-slide .item img{
        max-width: 100%;
    }
    
    .home-support-contain{
        margin: 3px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: url("../img/gradien-bg.png") left bottom repeat-x;
        box-sizing: content-box;
        -moz-box-sizing: content-box; /* Firefox 28 and earlier*/
    }
    .hot-line-box{
        width: 200px;
        height: 40px;
        padding-left: 60px;
        border-radius: 4px;
        background: url("../img/support-bg.png") left center no-repeat;
    }
    .hot-line-box span{
        display: block;
        line-height: 20px;
        font-size: 17px;
        font-weight: bold;
        color: #ED1B24;
        text-shadow: 1px 1px 1px #f4f4f4;
    }
    .live-support-box{
        width: 160px;
        text-align: center;
        height : 40px;
        overflow: hidden;
    }
    .live-support-box span{
        font-size: 15px;
        font-weight: bold;
        display: inline-block;
        color: #00A652;
        max-height : 40px;
    }
    .live-support-box a{
        display: inline-block;
        padding: 0 5px;
    }
    .hot-news-box{
        left: 205px;
        right: 205px;
    }
    
    .hot-new-ticker{
        overflow: hidden;
        height: 40px;
        line-height: 40px;
    }
    .news-ticker-list{
        list-style: none;
        width: 100%;
    }
    .news-ticker-list li{
        height: 40px;
        line-height: 40px;
        width: 100%;
    }
    .news-ticker-list li a{
        display: block;
        color: #ED1B24;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
    }
    /************** end home slide box layout & style **************/
    
    /************* begin product box style **********************/
    .product-box{
        text-align: center;
    }
    .product-box .img-div{
        height: 140px;
        text-align: center;
    }
    .product-box .pro-title{
        min-height: 20px;
        max-height: 40px;
        overflow: hidden;
    }
    .product-box .pro-title a{
        line-height: 20px;
    }
    .product-box .pro-indentify{
        height: 25px; 
        line-height: 25px;       
    }
    .product-box .pro-code{
        font-weight: bold;
        color: #555;
        line-height: 25px;
        padding-right: 5px;
        font-size: 12px;
    }
    .product-box .pro-rate{
        color: #E47911;
        line-height: 25px;
        padding-left: 5px;
    }
    .product-box .pro-price{
        height: 25px;
    }
    .product-box .unit-price{
        color: #ee1d18;
    }
    .product-box .list-price{
        color: #666666;
        text-decoration: line-through;
        padding-right: 5px;
    }
    
    .home-product{
        text-align: center !important;
        padding: 0 5px;
    }
    .home-product .img-div{
        text-align: center !important;
    }
    .home-product .pro-code{
        padding: 0;    
    }
    .home-product .pro-rate{
        display: none;
    }
    
    .hot-product{
        text-align: center !important;
        padding: 0 5px;
    }
    .hot-product .img-div{
        text-align: center !important;
    }
    .hot-product .pro-indentify{
        display: none;
    }
    
    .user-product{
        text-align: center !important;
        padding: 0 5px;
    }
    .user-product .img-div{
        text-align: center !important;
        height: 100px;
    }
    
    .list-product{
        float: left;
        width: 25%;
        padding: 0 5px;
        margin: 5px 0;
        height: 230px;
    }
    .list-product .pro-rate{
        display: none;
    }
    
    .related-product{
        text-align: center;
        padding: 0 5px;
    }
    .related-product .pro-indentify, .related-product .pro-price{
        display: none;   
    }
    .related-product .img-div{
        height: 120px;
        text-align: center;
    }
    /************* end product box style **********************/
   
    /************* begin news box style **********************/
    .news-box{
        
    }
    .news-box .img-div{
        float: left;
        width: 30%;
        margin: 0 5px 5px 0;
        text-align: center;
    }
    .news-box .news-title{
        max-height: 40px;
        line-height: 20px;
    }
    .news-box .news-info{
        line-height: 20px;
        color: #666666;
    }
    .news-box .news-info a{
        color: #2D8AEF;
        cursor: pointer;
    }
    .news-box .news-author{
        
    }
    .news-box .news-updated{
        
    }
    .news-box .news-desription{
        line-height: 18px;
        max-height: 54px;
        overflow: hidden;
        color: #666;
    }
    
    .hot-news{
        width: 48%;
        float: left;
        margin: 5px 1%;
        border-bottom: 1px dashed #ddd;
        margin-bottom: 5px;
        padding: 0;
        height: 125px;
    }
    .hot-news .img-div{
        max-height: 120px;
    }
    .hot-news .img-div img{
        max-height: 118px !important;
    }
    .hot-news .news-title a{
        display: block;
        color: #ED1B24;
        font-weight: bold;
    }
    /************* end news box style **********************/
   
   
    /************* begin detail news box style **********************/
    .detail-news-info{
        padding: 10px 0;
        height: auto;
        max-height: 155px;
        overflow: hidden;
    }
    .detail-news-info .img-div{
        float: left;
        width: 30%;
        margin-right: 5px;
        text-align: center;
        height: 130px;
        line-height: 130px;
    }
    .detail-news-info .news-title{
        max-height: 40px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        font-size: 15px;
        color: #ED1B24;
    }
    .detail-news-info .news-info{
        line-height: 30px;
        color: #666666;
    }
    .detail-news-info .news-info a{
        color: #2D8AEF;
        cursor: pointer;
    }
    .detail-news-info .news-author{
        
    }
    .detail-news-info .news-updated{
        
    }
    .detail-news-info .news-share-box{
        height: 35px;
        line-height: 35px;
    }
    .detail-news-info .news-desription{
        color: #888;
        font-size: 13px;
        line-height: 18px;
    }
    
    .related-new-box{
        padding: 10px 40px;
    }
    .related-news-list li{
        list-style: disc;
        list-style-position: outside;
        margin-left: 15px;
        min-height: 20px;
        padding: 2px 0;
    }
    .related-news-list span.news-updated{
        color: #888;
    }
    
    .facebook-comment-box{
        margin: 10px 0;
        text-align: center;
        overflow: hidden;
        height: auto;
    }
    /************* end detail news box style **********************/
   
   
    /************* begin detail product style **********************/
    .pro-detail-info-box{
        
    }
    .detail-title-box, 
        .detail-share-box, 
            .detail-offer-box,
                .detail-short-des-box,
                    .detail-support-box,
                        .detail-action-box,
                            .relate-product-box{
        float: right;
        width: 52%;
    }
    .detail-image-box{
        float: left;
        width: 47%;
        margin-bottom: 10px;
    }
    .pro-detail-info-box .beadcrum-box{
        float: left;
        width: 100%;
        margin-bottom: 10px;
        border-color: #ddd;
    }
    .image-large-box{
        height: 360px;
        line-height: 360px;
        text-align: center;
        box-sizing: content-box;
        -moz-box-sizing: content-box; /* Firefox 28 and earlier*/
    }
    .image-large-box img{
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }
    .image-thumb-box{
        margin-top: 5px;
        border: 1px solid #eee;
        box-sizing: content-box;
        -moz-box-sizing: content-box; /* Firefox 28 and earlier*/
    }
    .detail-img-thumb {
        position: relative;
        padding: 3px 20px;
    }
    .detail-img-thumb .item{
        text-align: center;
        height: 80px;
        line-height: 80px;
    }
    .detail-img-thumb img{
        max-width: 100% !important;
        max-height: 80px !important;
        cursor: pointer;
    }
    .detail-img-thumb .owl-prev, .detail-img-thumb .owl-next{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: auto;
        width: 20px;
        line-height: 80px;
        text-align: center;
        font-size: 25px;
        color: #3D57A3;
        background: #f5f5f5;
    }
    .detail-img-thumb .owl-next{
        left: auto;
        right: 0;
    }
    
    .detail-title-box h1{
        margin: 0;
        padding: 0;
        font-size: 17px;
        color: #ED1B24;
        min-height: 20px;
    }
    .detail-title-box p{
        margin: 0;
        padding: 0;
    }
    .detail-title-box .pro-indetify{
        line-height: 25px;
    }
    .detail-title-box .pro-indetify .pro-code{
        line-height: 25px;
        display: inline-block;
        vertical-align: middle;
        padding-right: 15px;
        font-size: 13px;
        font-weight: bold;
        color: #777;
    }
    .detail-title-box .pro-indetify .pro-rate{
        line-height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: bold;
        color: #E47911;
    }
    .detail-title-box .pro-share-box{
        height: 35px;
        line-height: 35px;
    }
    .pro-share-box .addthis_default_style{
        height: 35px;
        line-height: 35px;
    }
    .detail-offer-box{
        border: 1px solid #ddd;
        border-left: none;
        border-right: none;
        margin: 5px 0;
        padding: 3px 0;
    }
    .detail-offer-box .price-box{
        width: 45%;
    }
    .detail-offer-box .price-box span{
        display: block;
        line-height: 20px;
        color: #ED1B24;
    }
    .detail-offer-box .price-box span.list-price{
        color: #888;
    }
    .detail-offer-box .status-box{
        width: 55%;
        border-left: 1px solid #ddd;
        padding-left: 10px;
    }
    .detail-offer-box .status-box span{
        display: block;
        line-height: 20px;
        color: #3D57A3;
        font-weight: bold;
    }
    .detail-offer-box .status-box span.sale-policy{
        color: #444;
        font-weight: normal;
    }
    .detail-short-des-box{
        margin: 5px 0;
    }
    .detail-short-des-box a.show-detail-description{
        font-style: italic;
        color: #ED1B24;
        cursor: pointer;
        line-height: 25px;
    }
    .detail-short-des-box a.show-detail-description:hover{
        text-decoration: underline;
    }
    ul.pro-short-des-list{
        margin: 0;
        padding: 0;
    }
    ul.pro-short-des-list li{
        list-style: disc;
        list-style-position: outside;
        margin-left: 10px;
        min-height: 20px;
        color: #00A652;
        padding: 2px 0;
    }
    ul.pro-short-des-list li span{
        color: #444;
        line-height: 20px;
    }
    .detail-action-box{
        border-top: 1px solid #ddd;
    }
    .relate-product-box{
        
    }
    .relate-product-box .box-title{
        margin: 5px 0;
        height: 20px;
        line-height: 20px;
        border-bottom: 1px solid #ddd;
    }
    .action-button-box{
        width: 50%;
    }
    .action-button-box a{
        display: block !important;
        margin: 10px 0 !important;
        width: 130px;
        text-align: left;
    }
    .qr-code-box{
        width: 50%;
        text-align: center;
    }
    
    .detail-support-box{
        height: 50px;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        background: #f8f8f8 url("../img/detail-support-bg.png") left top no-repeat;
        background-size: auto 100%;
    }
    .detail-support-box .hotline-number{
        width: 55%;
        padding: 3px 0; 
        padding-left: 65px;
    }
    .detail-support-box .hotline-number span{
        line-height: 20px;
        font-size: 17px;
        font-weight: bold;
        color: #ED1B24;
        display: block;
        text-shadow: 1px 1px 1px #f4f4f4;
    }
    .detail-support-box .live-support{
        width: 45%;
        text-align: center;
        line-height: 50px;
    }
    .detail-support-box .live-support span{
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }
    /************* end detail product style **********************/
   
    /************* begin description content style **********************/
    .description-content-wrapper{
        font-size: 13px;
        line-height: 18px; 
        text-align: left;
        padding: 5px 0;
        overflow: hidden;
    }
    .description-content-wrapper *{
        max-width: 100% !important;
    }
    .description-content-wrapper img{
        width: auto !important;
        height: auto  !important;
        max-width: 90% !important;
    }
    .description-content-wrapper em{
        font-style: italic;
    }
    .description-content-wrapper a{
        color: #0362FD;
    }
    .description-content-wrapper a:visited{
        color: #BB2413;
    }
    .description-content-wrapper a:hover{
        text-decoration: underline;
    }
    /************* end description content style **********************/
   
    /************* begin table product style *****************/
    .table-product-box{
        margin: 10px 0;
    }
    table.product-table{
        width: 100%;
        border: 1px solid #BBBBBB;
    }
    table.product-table tr{
        border-bottom: 1px solid #BBBBBB;  
    }
    table.product-table th{
        padding: 10px 5px;
        color: #1D943B;
        border-color: #eee;
        vertical-align: middle;
    }
    table.product-table td{
        padding: 5px;
        border-color: #eee;
        vertical-align: middle;
    }
    table.product-table img{
        max-height: 80px;
        max-width: 90px;
    }
    table.product-table a{
        color: #0362FD
    }
    table.product-table a:hover{
        text-decoration: underline;
    }
    table.product-table input{
        text-align: right;
    }
    .button-action-box{
        margin: 10px 0;
    }
    /************* end table product style *****************/