@font-face
{
    font-family: 'Roboto';
    src: url('../fonts/Roboto');
    src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto.woff') format('woff'), url('../fonts/Roboto.ttf') format('truetype'), url('../fonts/Roboto.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face
{
    font-family: 'Roboto';
    src: url('../fonts/Roboto.eot');
    src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto.woff') format('woff'), url('../fonts/Roboto.ttf') format('truetype'), url('../fonts/Roboto.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/



a:hover, a:focus
{
    text-decoration: none;
}
/*****************Customer*/
.*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.group:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.group
{
    display: inline-block;
    clear: both;
}
/* start commented backslash hack \*/ * html .group
{
    height: 1%;
}

.group
{
    display: block;
}
/* close commented backslash hack */

a img
{
    border: 0;
}

*
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a
{
    text-decoration: none;
}

ul, li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}


body
{
    font-family: Arial,sans-serif;
    font-family: 'Roboto';
    min-width: 320px;
    overflow-x:hidden;
    
}

.container
{

    margin: 0px auto;
}

.header
{
    padding: 20px 0px;
}

.header a.logo
{
    float: left;
}

.header-right
{
    width: auto;
    float: right;
    min-width:70px;
}

.header-right ul
{
    text-align: right;
    margin-bottom:2px
}

.header-right ul li
{
    display: inline;
    text-align: right;
}

.header-right ul li a
{
    color: #555;
    font-size: 12px;
}

.header-right ul li a:hover
{
    color: #888;
}

.header-right ul li span
{
    color: #555;
    margin: 0px 1px;
    font-size: 12px;
}

.hotline
{
    margin: 10px 0px 0px 0px;
    float: right;
}

.hotline img
{
    float: right;
}

.hotline-left
{
    float: left;
}

.map
{
    float: left;
    padding: 0px 0px 0px 10px;
}

.hotline p
{
    font-family: 'Roboto';
    color: #777;
    font-size: 20px;
    text-align: right;
    margin: 0px;
    padding: 0px;
}

.hotline p strong
{
    font-weight: normal;
}

.hotline p span
{
    float: right;
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    border-radius: 50%;
    margin: 4px 0px 0px 10px;
}

.hotline p span i
{
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 20px;
}

.menu
{
    height:35px;
    background-color: #4b9874;
    position: relative;
    z-index: 9999;
}

.menu ul li a i
{
    font-size: 20px;
    display: block;
    margin: 0px 10px;
    display: block;
    float: left;
    line-height: 35px;
}

.menu ul li
{
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    height: 35px;
}



.menu ul li:last-child {border:none}
.menu ul li a
{
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    line-height: 35px;
    float: left;
    display: block;
}



.menu ul li a span
{
    display: none;
}

.menu ul li.active a, .menu ul li:hover a
{
    background-color: #e5ba85;
    color: #fff;
}

.menu ul li ul
{
    position: absolute;
    left: 0px;
    width: 200px;
    height: auto;
    top: 99%;
    display: none !important;
    background-color: #000;
}

.menu ul li:hover ul
{
    display: block !important;
}

.menu ul li ul li
{
    float: none;
    height: auto;
    border: none;
    border-bottom: 1px solid #f4c994;
}

.menu ul li ul li a
{
    line-height: 22px;
    float: none;
    padding: 5px 5px 5px 10px;
    text-transform: none;
}

.menu ul li ul li a:hover
{
    background-color: #555;
}



/* li1  */

.menu ul li1 a i
{
    font-size: 20px;
    display: block;
    margin: 0px 10px;
    display: block;
    float: left;
    line-height: 35px;
}

.menu ul li1
{
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    height: 35px;
}



.menu ul li1:last-child {border:none}
.menu ul li1 a
{
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    line-height: 35px;
    float: left;
    display: block;
}



.menu ul li1 a span
{
    display: none;
}

.menu ul li1.active a, .menu ul li1:hover a
{
    background-color: #e5ba85;
    color: #fff;
}

.menu ul li1 ul
{
    position: absolute;
    left: 0px;
    width: 200px;
    height: auto;
    top: 99%;
    display: none !important;
    background-color: #000;
}

.menu ul li1:hover ul
{
    display: block !important;
}

.menu ul li1 ul li
{
    float: none;
    height: auto;
    border: none;
    border-bottom: 1px solid #f4c994;
}

.menu ul li1 ul li a
{
    line-height: 22px;
    float: none;
    padding: 5px 5px 5px 10px;
    text-transform: none;
}

.menu ul li1 ul li a:hover
{
    background-color: #555;
}


/* ket thuc */



/* li2  */
.menu ul li2 a i
{
    font-size: 20px;
    display: block;
    margin: 0px 10px;
    display: block;
    float: left;
    line-height: 35px;
}

.menu ul li2
{
    float: left;
    border-right: 1px solid #fff;
    position: relative;
    height: 35px;
}



.menu ul li2:last-child {border:none}
.menu ul li2 a
{
    padding: 0px 15px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    line-height: 35px;
    float: left;
    display: block;
}



.menu ul li2 a span
{
    display: none;
}

.menu ul li2.active a, .menu ul li2:hover a
{
    background-color: #e5ba85;
    color: #fff;
}

.menu ul li2 ul
{
    position: absolute;
    left: 0px;
    width: 200px;
    height: auto;
    top: 99%;
    display: none !important;
    background-color: #000;
}

.menu ul li2:hover ul
{
    display: block !important;
}

.menu ul li2 ul li
{
    float: none;
    height: auto;
    border: none;
    border-bottom: 1px solid #f4c994;
}

.menu ul li2 ul li a
{
    line-height: 22px;
    float: none;
    padding: 5px 5px 5px 10px;
    text-transform: none;
}

.menu ul li2 ul li a:hover
{
    background-color: #555;
}


/* ket thuc */


.menu div
{
    height: 33px;
    margin: 0px;
    padding: 0px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    display: none;
}

.slider img
{
    width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.slider img:hover
{
    opacity: 0.8;
}

.slider
{
    border-top:1px solid #fff;
    margin: 0px 0 0px 0px;
}

.col1
{
    width: 100%;
    padding: 0px 0px;
    float: left;
}

.row
{
    margin: 0px 0px 0px 0px;
    
}

.row-frame
{
    margin: 0px -5px;
}

.col123
{
    width: 50%;
    padding: 0px 5px;
    float: left;
}

.col1234
{
    width: 50%;
    padding: 0px 5px;
    float: left;
}

.row123
{
    margin: 0px 0px 10px 0px;
}

.row123-fix
{
    margin: 0px 0px 0px 0px;
}

.middle
{
    margin: 20px 0px 0px 0px;
    padding: 0px 320px 0px 0px;
}


.colleft
{
    width: 100%;
    min-height: 100px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.cate-caption
{
    padding: 0px 0px 10px 0px;
    border-bottom: 5px solid #4f9f78;
    color: #333;
    margin: 0px;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.cate
{
    margin: 0px 0px 20px 0px;
}

.cate-caption span
{
    width: 54px;
    height: 43px;
    background-image: url(../img/icon1s.png);
    margin: -13px 10px 0px 0px;
    float: left;
}

.cate-caption span.icon2
{
    width: 54px;
    height: 43px;
    background-image: url(../img/icon2s.png);
    margin: -13px 10px 0px 0px;
    float: left;
}

.cate-caption-map
{
}

.cate-caption span.date
{
    display: block;
    width: 50px;
    float: left;
    margin: -10px 10px 0px 0px;
    background-color: #333333;
    min-height: 30px;
    background-image: none;
}

.cate-caption span.date em
{
    display: block;
    padding: 0px 0px 10px 0px;
    text-align: center;
    color: #cccccc;
    font-size: 11px;
    text-transform: none;
    font-weight: bold;
    margin: 0px;
    font-family: 'Roboto';
}

.cate-caption span.date strong
{
    display: block;
    padding: 3px 0px;
    text-align: center;
    background-color: #f5f5f5;
    font-family: 'Roboto';
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #c4c4c4;
}

.cate-caption-map strong
{
    margin: -10px 0px 0px 0px;
    display: block;
}
.cate-content 
{
    border:1px solid #ededed;
    padding:10px;
    margin:10px 0;
    font-family:Arial
    }
.cate-content h2 
{
    margin:0 0 10px 0;
    padding:0;
    }
.site-map
{
    padding: 3px 0px 0px 0px;
}

.site-map a
{
    font-size: 12px;
    font-family: 'Roboto';
    color: #0291DF;
    text-transform: none;
    float: left;
}

.site-map em
{
    float: left;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    color: #874141;
    margin: 0px 5px;
}

.site-map a:hover, .site-map a.current
{
    color: #333333;
}

.nav-cate
{
    padding: 5px 0px;
}

.nav-cate ul
{
    float: right;
}

.nav-cate ul li
{
    float: left;
}

.nav-cate ul li a
{
    font-size: 13px;
    color: #0a7eae;
    font-family: 'Roboto';
}

.nav-cate ul li a:hover
{
    text-decoration: underline;
}

.nav-cate ul li span
{
    font-size: 13px;
    margin: 0px 5px;
    font-family: 'Roboto';
    color: #0a7eae;
}

.cate-item
{
    padding: 20px 0px;
}

.cate-item img
{
    float: left;
    margin: 0px 20px 0px 0px;
    width: 250px;
    height: 170px;
    border: 1px solid #c4c4c4;
    padding: 3px;
    background-color: #f2f2f2;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.cate-item img:hover
{
    background-color: #c4c4c4;
}

.cate-item h3
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size:13px;
}

.cate-item h3 span
{
    display: block;
    width: 50px;
    float: left;
    margin: 0px 10px 0px 0px;
    background-color: #333333;
    min-height: 30px;
}

.cate-item h3 span em
{
    display: block;
    padding: 5px 0px;
    text-align: center;
    color: #cccccc;
    font-size: 11px;
    font-weight: bold;
}

.cate-item h3 span strong
{
    display: block;
    padding: 3px 0px;
    text-align: center;
    background-color: #f5f5f5;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #c4c4c4;
}

.cate-item h3 a
{
    color: #4f9f78;
    font-size: 16px;
    font-family: 'Roboto';
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.cate-item h3 a:hover
{
    opacity: 0.8;
}


.cate-item p
{
    color: #333333;
    font-size: 14px;
    margin: 10px 0px;
    font-family:Arial;
	text-align:justify;
}
.cate-item p a{
    color: #333;
	text-decoration:none;
	text-align:justify;
}
.cate-item p a:hover{
opacity: 0.7;
}
.cate-item p.date-time
{
font-size:14px;
color:#0291DF;
margin:3px 0px 10px 0px;

}  .cate-item p.date-time i
{
font-size:15px;
margin:0px 5px 0px 0px;
   }
.cate-item p.more 
{
    text-align:right
    }
.cate-item p.more a 
{
    font-size:12px;
    color:#777
    }
.col-cate-item
{
    margin: 15px 0px;
}

.col-cate-item div
{
}

.col-cate-item div img
{
    width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border: 1px solid transparent;
}

.col-cate-item div img:hover
{
    border: 1px solid #ccc;
}

.col-cate-item div h3
{
    text-align: center;
    margin: 5px 0px;
    padding: 0px;
}

.col-cate-item div h3 a
{
    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto';
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.col-cate-item div h3 a:hover
{
    color: #777;
}


.colright
{
    width: 263px;
    background-color: #fff;
    min-height: 100px;
    float: right;
    margin: 0px -320px 0px 0px;
}

.box 
{
    border:1px solid #ededed;
    padding:8px;
    margin-bottom:10px
    }
.box-caption
{
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom:5px solid #4f9f7a
}

.gallery
{
    max-width: 300px;
    margin: 0px auto;
}

.ga-large
{
}

.ga-large img
{
    max-width: 100%;
    width: 100%;
    height: auto;
}

.gallery img
{
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.gallery img:hover
{
    opacity: 0.8;
}

.ga-row
{
    margin: 10px -5px 10px -5px;
}

.ga-item
{
    width: 33.333%;
    float: left;
    padding: 5px;
}

.ga-item img
{
    width: 100%;
    height: 60px;
}


.box-hotline
{
    background-color: #dceef9;
    border: 1px solid #c3deee;
    padding: 10px;
}

.box-hotline p
{
    font-family: 'Roboto';
    color: #333;
    font-size: 20px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.box-hotline p strong
{
    font-weight: normal;
}

.box-hotline p span
{
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #777;
    border-radius: 50%;
    margin: 4px 5px 0px 0px;
}

.box-hotline p span i
{
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 20px;
}

.box-hotline p.red
{
    color: red;
}

.box-hotline p.red span
{
    border: 1px solid red;
}

.facebook
{
    margin: 5px 0px;
}

.facebook img
{
    max-width: 100%;
}

.cc
{
    background-color: #dfeffa;
    padding: 10px;
    border: 1px solid #d4d1a8;
    margin: 5px 0px 15px 0px;
	background-color: #dceef9;
    border: 1px solid #c3deee;
}

.cc h3
{
    color: #0291DF;
    margin: 0px 0px 5px 0px;
    font-family: 'Roboto';
    font-size: 20px;
    text-transform: uppercase;
}

.cc p
{
    color: #333333;
    font-size: 14px;
}

.cc a
{
    font-size: 13px;
    color: #0291DF;
}

.box-list-new
{
}

.box-list-new li
{
    padding:6px 0;
    border-bottom: 1px solid #d1d1d1;
}

.box-list-new li img
{
    float: left;
    width: 100px;
    height: 80px;
    margin: 0px 15px 0px 0px;
}

.box-list-new li a
{
    color: #4f9f7a;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-size: 13px;
    line-height:110%
}

.box-list-new li p
{
    color: #918f91;
    font-size: 13px;
    margin: 0px;
}

.box-list-new li a:hover
{
    color: #000;
}

.mol-item
{
    padding: 5px 0px;
    
}

.mol-item img
{
    width: 90%;
    margin: 0px auto;
    display: block;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    
}

.mol-item img:hover
{
    opacity: 0.8;
}

.mol-item p
{
    padding: 0px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.mol-item p a
{
    color: #555;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-family: 'Roboto';
    font-size: 13px;
}

.mol-item p a:hover
{
    color: #777;
}



.mol-item1
{
    padding: 5px 0px;
    
}

.mol-item1 img
{
    width: 200px;
    height: 150px;
    margin: 0px auto;
    display: block;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding-bottom:5px;
}

.mol-item1 img:hover
{
    opacity: 0.8;
}

.mol-item1 p
{
    padding: 0px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.mol-item1 p a
{
    color: #555;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-family: 'Roboto';
    font-size: 13px;
    padding: 5px 100px 0px 0px;
}

.mol-item1 p a:hover
{
    color: #777;
}


.footer
{
    border-top: 5px solid #a14142;
    padding: 20px 0px 0px 0px;
    background-color: #4f9f7a;
}

.footer .col-bt h3
{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    padding: 0 0 10px 0px;
    border-bottom:1px solid #fff;
}
.footer .col-bt h3:hover{opacity: 0.7;}
.footer .col-bt ul li
{
    margin: 5px 0px 5px 0px;
    padding: 0px;
}

.footer .col-bt ul li a
{
    color: #fff;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-size: 13px;
}

.footer .col-bt ul li a:hover
{
    color: #111;
}

.footer .col-bt p
{
    color: #fff;
    font-size: 13px;
    margin: 10px 0px;
}

.footer-bottom
{
    padding: 20px 0px 0px 0px;
}

.line
{
    border-top: 1px solid #fafafa;
    height: 2px;
    background-color: #d5d5d5;
}

.footer-bottom ul li
{
    display: inline;
}

.footer-bottom ul
{
    padding: 5px 0px;
}

.footer-bottom ul li a
{
    color: #303030;
    font-size: 12px;
    font-family: Arial;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.footer-bottom ul li span
{
    color: #303030;
    font-family: Arial;
    font-size: 12px;
}

.footer-bottom ul li a:hover
{
    color: #0291DF;
}

.counter
{
    float: left;
    padding: 10px 0px;
}

.counter p
{
    color: #303030;
    font-family: Arial;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.allright
{
    text-align:center;
    padding: 10px 0px;
    background:#414e47;
    color:#fff;
    border-top:1px solid #fff;
    margin-top:10px
}

.allright p
{
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
}

.social span
{
    box-sizing: content-box !important;
}

.paging
{
    padding: 10px 0px;
}

.paging-inner
{
    float: right;
}

.paging-inner a
{
    float: left;
    font-family: Arial;
    color: #333;
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4;
    padding: 3px 10px;
    margin: 0px 0px 0px 5px;
    font-size: 14px;
    font-weight: bold;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.paging-inner a:hover, .paging-inner a.current
{
    color: #fff;
    background-color: #0291DF;
    border: 1px solid #0291DF;
}

.list-product
{
    padding: 0px 0px 0px 1px;
}

.product-item
{
    border: 1px solid #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: -1px 0px 0px -1px;
    position: relative;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.product-item img
{
    width: 100%;
   
    height:190px;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding: 3px;
}

.product-item img:hover
{
    background-color: #dadada;
    opacity: 0.9;
}

.product-item:hover
{
    box-shadow: 0px 0px 5px 0px #dadada;
    z-index: 999;
}

.product-item h3 a
{
    color: #333333;
    font-size: 16px;
    font-family: 'Roboto';
    text-transform: uppercase;
    
}

.product-item h3
{
    margin: 10px 0px 15px 0px;
    line-height: 22px;
    min-height:45px;
}

.product-item p
{
    color: #333333;
    font-size: 13px;
}

.product-item p strong
{
    font-weight: bold;
    font-size: 15px;
}

.product-item p span
{
    color: red;
    font-size: 15px;
    font-weight: bold;
}

.cate-caption-none
{
    border: none;
}

.box-slider
{
    margin: 0px auto 10px auto;
    width: 282px;
}

.box-slider a
{
    float: left;
}

.box-slider a img
{
    display: block;
    width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.box-slider a img:hover
{
    opacity: 0.8;
}

.box-slider a.s7
{
    float: left;
}

.box-slider a.s7 img
{
    width: 177px;
}

.box-slider a.s8
{
    float: left;
    margin: 0px 0px 8px 8px;
}

.box-slider a.s8 img
{
    height: 71px;
    width: 100%;
}

.box-slider a.s9
{
    float: left;
    margin: 0px 0px 0px 8px;
}

.box-slider a.s9 img
{
    height: 70px;
    width: 100%;
}

.box-slider a.s10
{
    float: left;
    margin: 8px 0px 0px 0px;
}

.box-slider a.s10 img
{
    width: 100px;
    height: 80px;
}

.box-slider a.s11
{
    float: left;
    margin: 8px 0px 0px 8px;
}

.box-slider a.s11 img
{
    width: 170px;
    height: 80px;
}

.detail
{
}

.detail p
{
    color: #333333;
    font-size: 14px;
    padding: 10px 0px;
}

.detail img
{
    display: block;
    margin: 10px auto;
    padding: 3px;
    border: 1px solid #c4c4c4;
    background-color: #dadada;
    max-width: 100%;
}

.news-refe
{
    border-top: 2px solid #333333;
    margin: 20px 0px 0px 0px;
}

.news-refe h3
{
    padding: 10px 0px;
    margin: 0px;
    font-family: 'Roboto';
    color: #333;
    font-size: 20px;
}

.refe-item
{
    padding: 0px 0px 20px 0px;
}

.refe-item img
{
    width: 100%;
     height: 130px;
    padding: 2px;
    border: 1px solid #c4c4c4;
    display: block;
    margin: 0px 0px 10px 0px;
    background-color: #dadada;
}

.refe-item p
{
    height: 100px;
    margin: 0px;
    padding: 0px;
}

.refe-item p a
{
    color: #333333;
    font-size: 12px;
}

.refe-item p.readmore a
{
    color: red;
    font-size: 14px;
}

.refe-item p.readmore a:hover
{
    text-decoration: underline;
}

.refe-item p a:hover
{
    text-decoration: underline;
}


#bx-pager
{
    margin: 0px -5px;
}

#bx-pager a
{
    float: left;
    width: 20%;
    padding: 5px;
}

#bx-pager a img
{
    max-width: 100%;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding: 2px;
}

#bx-pager a img:hover
{
    opacity: 0.8;
}

.slider-product
{
    max-width: 750px;
    margin: 10px auto;
}

.slider-product img
{
    width: 100%;
}

.des-product
{
    margin: 0px 0px 20px 0px;
}

.des-product p
{
    font-size: 15px;
    color: #333333;
    margin: 4px 0px;
    padding: 0px;
}

.des-product p span
{
    color: red;
    font-size: 20px;
}

.form-search {
    position:relative;
    text-align:right;
    border:1px solid #ededed;
}
.form-search input[type="text"] {
  font-size: 13px;
  line-height:20px;
  margin: 0;
  color: #222222;
  padding: 4px 7px;
  border: none;
  width: 84%;
  outline: none;
  background: #ffffff;
}
.form-search button {
  background: #ffffff;
  border: none;
  position: relative;
  z-index: 2;
  outline:none;
  margin-right:5px
}
.form-search button i {
  font-size: 16px;
}

ul.tag-list li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 2px;
  background:#feddb2
}
ul.tag-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 15px;
  background: transparent;
}
ul.tag-list li a:hover {
  background: #4f9f78;
  color: #fff;
}

@media only screen and (max-width: 1200px)
{
    .container
    {
    }

    .menu ul li a
    {
       
    }
	
	.menu ul li1 a
    {
       
    }
	
	.menu ul li2 a
    {
       
    }

    .cate-item img
    {
        float: left;
        margin: 0px 20px 0px 0px;
        width: 350px;
        height: 250px;
        border: 1px solid #c4c4c4;
        padding: 3px;
        background-color: #f2f2f2;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .cate-item p
    {
        font-size: 13px;
    }
}

@media only screen and (max-width: 992px)
{
    .container
    {
    }

    .header a.logo img
    {
        width: 150px;
    }

    .hotline p
    {
        font-family: 'Roboto';
        color: #777;
        font-size: 18px;
        text-align: right;
        margin: 0px;
        padding: 0px;
    }

    .menu ul li a
    {
        padding: 0px 15px;
        font-size: 11px;
    }
	
	 .menu ul li1 a
    {
        padding: 0px 15px;
        font-size: 11px;
    }
	
	 .menu ul li2 a
    {
        padding: 0px 15px;
        font-size: 11px;
    }

    .cate-item img
    {
        float: none;
        margin: 0px 20px 20px 0px;
        width: 100%;
        height: auto;
        border: 1px solid #c4c4c4;
        padding: 3px;
        background-color: #f2f2f2;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .cate-item p
    {
        font-size: 13px;
    }

    .col-cate-item
    {
        width: 50%;
    }

    .footer .col-bt ul li a
    {
        font-size: 12px;
    }

    .product-item
    {
        width: 50%;
    }
}

@media only screen and (max-width: 768px)
{
    .container
    {
        border: none;
    }

    .map
    {
        display: none;
    }

    .menu div
    {
        display: block;
        cursor: pointer;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .menu ul li ul
    {
        display: none !important;
    }

    .menu ul li:hover ul
    {
        display: none !important;
    }
	
	.menu ul li1 ul
    {
        display: none !important;
    }

    .menu ul li1:hover ul
    {
        display: none !important;
    }
	
	.menu ul li2 ul
    {
        display: none !important;
    }

    .menu ul li2:hover ul
    {
        display: none !important;
    }

    .menu h3:hover
    {
        opacity: 0.9;
    }

    .menu ul
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        background-color: #000000;
    }

    .menu ul li
    {
        float: none;
        border: none;
        border-bottom: 1px solid #1e1e1e;
    }

    .menu ul li a i
    {
        display: none;
    }

    .menu ul li a span
    {
        display: block;
    }

    .menu ul li a
    {
        float: none;
        text-align: center;
        font-size: 13px;
    }

    .menu ul li a:hover
    {
        background-color: #0e0e0e;
    }
	
	/* li1 */
	
	 .menu ul li1
    {
        float: none;
        border: none;
        border-bottom: 1px solid #1e1e1e;
    }

    .menu ul li1 a i
    {
        display: none;
    }

    .menu ul li1 a span
    {
        display: block;
    }

    .menu ul li1 a
    {
        float: none;
        text-align: center;
        font-size: 13px;
    }

    .menu ul li1 a:hover
    {
        background-color: #0e0e0e;
    }
	/* ket thuc */
	
	/* li2 */
	 .menu ul li2
    {
        float: none;
        border: none;
       
    }

    .menu ul li2 a i
    {
        display: none;
		
    }

    .menu ul li2 a span
    {
        display: block;
    }

    .menu ul li2 a
    {
        float: none;
        text-align: center;
        font-size: 13px;
		 border-bottom: 1px solid #1e1e1e;
    }

    .menu ul li2 a:hover
    {
        background-color: #0e0e0e;
		 
    }
	/* ket thuc */
	

    .middle
    {
        padding-right: 0px;
    }

    .colleft
    {
        float: none;
        margin: 0px;
    }

    .colright
    {
        float: none;
        margin: 0px;
        width: 100%;
    }

    .colright-inner
    {
        max-width: 400px;
        margin: 0px auto;
    }

    .footer .col-xs-3
    {
        width: 50%;
    }

    .footer .col-xs-6
    {
        width: 100%;
        margin-top: 20px;
    }
    
    .header-right ul
    {
        display: none;
    }
    .hotline
    {
    margin:0px;
    }

}

@media only screen and (max-width: 600px)
{
    .container
    {
    }

    .hotline p strong
    {
        display: none;
    }

    .news-refe .col-xs-3
    {
        width: 50%;
    }
}

@media only screen and (max-width: 480px)
{
    .container
    {
    }

    .col-cate-item div h3 a
    {
        font-size: 16px;
    }

    .header-right ul
    {
        display: none;
    }

    .product-item
    {
        width: 100%;
    }
}

@media only screen and (max-width: 400px)
{
    .header-right
    {
        display: none;
    }

    .header a.logo
    {
        float: none;
        display: block;
        text-align: center;
        padding: 0px 0px 0px 15px;
        margin: 0px auto;
    }
}



.timkiem{
	position:relative;
	text-align:right
}
.timkiem input[type=text]{
	width:300px;
	height:30px;
	padding-left:12px;
	
}
.timkiem #result{
	position: absolute;
	background:#fff;
	right:0px;
	width:243px;
	max-height:400px;
	z-index:100000;
	border:1px solid #ff0;
	padding:5px;
	text-align:left;
	display:none;
}
.timkiem #result ul li{padding-bottom:5px;}
.timkiem #result ul li a{
	font-size:14px;
	color:red;
}