/* CSS Document */

html,body{
	margin:0; padding:0; line-height:18px;
	background:url(../Images/bg2.jpg) #f1f1f1 repeat-x top;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px; color:#39363f;
}

*{ margin:0px auto; }
a{ color:#0264d1; text-decoration:underline; }
a:hover{ color:#0264d1; text-decoration:none; }
img{ border:0pt; }
table{ margin:0px; }
td{ padding:1px 3px; vertical-align:top; }
ul{ margin:0px; padding:0px; }
ul li{ margin:0px; padding:0px; }
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; }
#wrapper { margin:0 auto; text-align: left; min-width:970px;}
#container {width:970px; margin: 0 auto;}

/* ============== Top ============== */
#top_contentBg {margin: auto; text-align: left;}
#top_content {width:970px;}
.top{ position:relative; background:url(../Images/bg-top.jpg) no-repeat; background-position:top center; width:970px;}
#logo a{ position:absolute; width:215px; height:140px; display:block; overflow:hidden; text-indent:-1000px;}

	/* ============== MENU ================= */
	#menu{ width:634px; height:140px; padding:0px 0 0 336px; z-index:1px;}
	#menu ul{ padding:0px; margin:0px; list-style:none; }
	#menu ul li{ padding:0px; margin:0px ; display:inline; position:relative;float:left;}
	#menu ul li a {display: block; float: left; text-indent: -10000px; overflow:hidden; height:140px;  background-repeat:no-repeat;}
	#menu ul li ul li a { text-indent: 1px;}
	
	a.btn1{ background-image:url(../Images/btn1.jpg); width:109px; }
	a.btn1:hover{ background-image:url(../Images/btn1Hover.jpg);}
	#menu ul li a.btn1Selected{ background:url(../Images/btn1Hover.jpg) no-repeat; width:109px; float:left; text-indent:-10000px; overflow:hidden; }
	
	a.btn2{ background-image:url(../Images/btn2.jpg); width:102px; }
	a.btn2:hover{ background-image:url(../Images/btn2Hover.jpg);}
	#menu ul li .btn2Selected{ background:url(../Images/btn2Hover.jpg) no-repeat; width:102px; float:left; text-indent:-10000px; overflow:hidden; }
	
	a.btn3{ background-image:url(../Images/btn3.jpg); width:97px; }
	a.btn3:hover{ background-image:url(../Images/btn3Hover.jpg); }
	#menu ul li .btn3Selected, .select .btn3{ background:url(../Images/btn3Hover.jpg) no-repeat; width:97px; float:left; text-indent:-10000px; overflow:hidden; }
	
	a.btn4{ background-image:url(../Images/btn4.jpg); width:87px; }
	a.btn4:hover{ background-image:url(../Images/btn4Hover.jpg);}
	#menu ul li a.btn4Selected{ background:url(../Images/btn4Hover.jpg) no-repeat; width:87px; float:left; text-indent:-10000px; overflow:hidden; }
	
	a.btn5{ background-image:url(../Images/btn5.jpg); width:82px; }
	a.btn5:hover{ background-image:url(../Images/btn5Hover.jpg);}
	#menu ul li .btn5Selected{ background:url(../Images/btn5Hover.jpg) no-repeat; width:82px; float:left; text-indent:-10000px; overflow:hidden; }
	
	a.btn6{ background-image:url(../Images/btn6.jpg); width:79px; }
	a.btn6:hover{ background-image:url(../Images/btn6Hover.jpg); }
	#menu ul li .btn6Selected, .select .btn6{ background:url(../Images/btn6Hover.jpg) no-repeat;; width:79px; float:left; text-indent:-10000px; overflow:hidden; }

	a.btn7{ background-image:url(../Images/btn7.jpg); width:77px; }
	a.btn7:hover{ background-image:url(../Images/btn7Hover.jpg); }
	#menu ul li .btn7Selected{ background:url(../Images/btn7Hover.jpg) no-repeat; width:77px; float:left; text-indent:-10000px; overflow:hidden; }
	
	

/* ============== Banner ============== */
#slogan_banner {width:970px; height:485px; background:url(../Images/banner-bg.jpg) no-repeat; padding-bottom: 35px;}
#slogan_wrap {width:970px; height:70px; position: relative;}
#sloganimage{margin-top:20px;position:absolute;}
.banner{ position:relative; width:970px; height:415px;
background:url("../images/img1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}

/* ============== Content ============== */
.content{ position:relative; width:970px;}
.heading{ font-size:16px; font-weight:bold; height:40px; text-transform:uppercase; background:url(../Images/heading-bg.jpg) repeat-x; padding-left: 15px; line-height: 40px; padding-bottom: 10px; color:#fff;}
.colLeft {width:270px; float:left; margin-right:40px;}
.colLeft ul {}
.colLeft ul li { list-style:none; line-height:20px;  background: url("../Images/bullet.gif") no-repeat scroll 0px 7px transparent; font-size:14px; margin-left:4px;}
.colLeft ul li a { text-decoration:none; line-height:20px; padding-left: 20px; color:#333333;}
.colLeft ul li a:hover, .colLeft ul .li_selected a{ text-decoration:none; line-height:20px; color:#ea0202;}
.colLeft ul li ul{ padding-left:13px; line-height:25px;}
.colLeft ul li ul li{ list-style:none; line-height:25px; background:none; font-size:13px;}
.colLeft ul li ul li a{ text-decoration:none; line-height:20px; background:none; color:#333333; padding-left:10px;}
.colLeft ul li ul li a:hover, { text-decoration:none; line-height:20px; color:#ea0202;}
.colLeft ul li.sep { border-top: 1px solid #ced4d8; font-size: 0; height: 1px;  line-height: 1px; margin: 7px 0 5px 5px;}
.danhMucSP{padding-bottom:15px;  background-color:#e7e7e7; margin-bottom:30px;}
.hpTro_LienHe{background-color: #E7E7E7; margin-bottom: 30px; padding-bottom: 15px;}
.hpTro_LienHe_content{ padding-left: 15px; padding-top:5px;}
.hpTro_LienHe_content p { padding-top:10px;}
.tinTuc{background-color: #E7E7E7; margin-bottom: 30px;}
.tinTuc .btnChiTiet { float:left; margin-left: 15px; background:url(../Images/btn_bg.jpg) repeat-x; color:#fff; height:25px; width:85px; line-height:25px; font-size:12px; text-align:center; text-decoration:none; display: block; padding-bottom: 20px;}
.btnChiTiet a {color:#fff; text-decoration:none; height:25px; width:85px; display: block; }
.btnChiTiet a:hover {color:#39363f; height:25px; width:85px;  display: block;}
.welcome{padding-bottom:25px;}
.sanPham{ }
#artical_box{padding-left:1px;}
.artical_item{ margin-bottom:20px;  padding-left:15px; }
.artical_item_Img{ float:left; text-align: center; overflow:hidden; width:82px;}
.artical_item_Img img{ max-height:87px; overflow:hidden;  border:1px solid #727272;}
.artical_item_content{width:150px; float:left; padding-left:10px;}
.artical_item_content_title {margin-top: -5px; padding-bottom: 7px;}
.artical_item_content_title a{ font-weight:bold; font-size:13px; text-decoration:none;}
.artical_item_content_title a:hover { font-weight:bold; font-size:13px; text-decoration:underline;}

.colRight {width:660px; float:left;padding-bottom:16px;}
.productItem {width:204px; float:left; border-right:1px solid #d4d4d4; margin-top:10px; border:1px solid #d4d4d4; margin-right:13px;}
.productItem_Img{ text-align: center; overflow:hidden; width:187px; padding-top: 8px; display: block; height: 100px;}
.productItem_Img img{ max-width:187px; overflow:hidden;}
.productItem_content_title { font-size:14px; padding-top:6px; text-align:center; font-weight:bold; color:#39363f; padding-bottom: 10px;height:27px;}
.productItem_content_title p { font-weight:bold; font-weight:normal; color:#0264d1;} 
.productItem_content_title a{  font-weight:bold; font-size:14px; text-decoration:none; color:#39363f;}
.productItem_content_title a:hover { font-size:14px; text-decoration:underline; color:#39363f;}
.btnChiTiet { background:url(../Images/btn_bg.jpg) repeat-x; color:#fff; height:26px; width:85px; line-height:25px; font-size:12px; text-align:center; text-decoration:none; display: block; padding-bottom: 10px;}
.btnChiTiet a {color:#fff; text-decoration:none; height:25px; width:85px; display: block; font-weight:normal;}
.btnChiTiet a:hover {color:#39363f; height:25px; width:85px;  display: block;  font-weight:normal; text-decoration:none;}
.sanPham ul{ }
.sanPham ul li{list-style:none; padding-bottom:15px; }
.viewmore{ float:right; padding-top: 15px;}




/* ============== Footer ============== */

#bottom{ position:relative; min-width:970px; /*height:328px;*/ background-color:#033599 !important; color:#fff; /*margin-top:30px;*/ background:url(../Images/bottom_bg.gif) repeat-x;}
#footer{ line-height:18px; width:970px; margin: 0 auto; padding-top: 37px;}
.logoDoiTac{ width:970px; padding-bottom:50px;}
.muiTen{ float:left; width:31px; padding-top:45px;}
.logoDoiTacList{ float:left; width:908px; text-align:center;}
.logoDoiTacList img {max-height:140px;}
.logoDoiTacList ul { list-style-type: none; list-style-image: none; list-style-position: outside; display: inline; margin-left:0px;}
.logoDoiTacList ul li { list-style:none; display:inline; padding: 0 10px;}

#footer a{ line-height:18px; color:#fff;}
#footer a:hover{ color:#fff;}
.copyrightBox{ width:730px; float:left; }
.pageview{ width:240px; float:left; text-align:right; padding-top: 7px;}

/* ------------------------------ PRODUCTS LIST PAGE ----------------------------------*/
	.page{ text-align:right; }
	
	/* ------------------------------ PRODUCTS DETAIL PAGE ----------------------------------*/
	.products_Infor {float:left; position:relative; width:660px; padding-top:10px;}
	.products_col1 { width:300px; float:left;}
	.proImg { padding-bottom:8px; width: 270px; float:left; text-align: center; overflow:hidden; display:block;}
	.proImg img { max-width:270px; max-height:170px; border:1px solid #cccccc; }
	.list_products ul { list-style-type: none; list-style-image: none; list-style-position: outside; display: inline; float:left;}
	.list_products ul li { list-style:none; display:inline; margin-right:11px; float:left; border:none; margin-bottom:0; padding-bottom:0; overflow:hidden; display:block; width: 60px; }
	.list_products ul li img { max-width:60px; max-height:60px; border:1px solid #cccccc;}
	.product_title { font-weight:bold; margin-bottom:5px; font-size:20px; color:#ea0202; text-transform:uppercase; line-height:30px; margin-top: -5px;}
	.btnBack { background:url(../Images/btn_bg.jpg) repeat-x; color:#fff; height:25px; width:85px; line-height:25px; font-size:12px; text-align:center; text-decoration:none; display: block; float: right; margin-top:20px;}
.btnBack a {color:#fff; text-decoration:none; height:25px; width:85px; display: block; }
.btnBack a:hover {color:#000; height:25px; width:85px;  display: block;}
	
.inputbg input.ftxt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #676767;
    float: left;
    height: 18px;
    margin: 10px 0 0 10px;
    width: 125px;
}
.inputbg {
    background: url("../Images/searchBg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 37px;
    width: 137px;
}
.search {
      
width: 171px;
position: absolute;
left: 800px;
top: 160px;
z-index: 1000;
}

.btnBack
{
    background: url(../Images/chitiet-btn.jpg) no-repeat;
    color: #fff;
    height: 25px;
    width: 85px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: right;
    margin-top: 20px;
}
.btnBack a
{
    color: #fff;
    text-decoration: none;
    height: 25px;
    width: 85px;
    display: block;
}
.btnBack a:hover
{
    color: #000;
    height: 25px;
    width: 85px;
    display: block;
}

.newslistBox1
{
    overflow: hidden;
    padding-bottom: 12px;
    padding-top: 5px;
}
.newslistBox1 img
{
    border: 1pt solid #B1B1B1;
    float: left;
    margin: 7px 15px 5px 0;
    max-height: 120px;
    width: 120px;
}
.newslistBox1 h1 a
{
    color: #0264D1;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 4px;
    text-decoration: none !important;
}
.newslistBox1 .more, .contentNews .more
{
    background: none repeat scroll 0 0 #0264D1;
    border: 1px solid;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    padding-left: 8px;
    text-decoration: none;
    width: 58px;
}
.news_title_others
{
text-decoration:none;
}
.lastest-date
{
  font-size: 11px;
    font-style: italic;
}
.img_description, .news_dateofpost,
{
    font-size: 11px;
    font-style: italic;
    text-align: center;
}
.textNews
{
    text-align: justify;
}
.imgBox
{
    float: left;
    height: 130px;
}
#contact_form .inputText {
    background-color: #FFFFFF;
    border: 1pt solid #999999;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    width: 100%;
}
#contact_form {
    float: right;
    margin: 0 0 5px 35px;
    overflow: hidden;
    padding: 0 10px;
    width: 370px;
}
#contact_form ul li {
    display: inline;
    float: left;
    margin: 1px 0;
    padding: 0;
    width: 370px;
}
#contact_form ul li label {
    display: block;
    float: left;
    width: 90px;
}
#contact_form ul li p {
    float: right;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 280px;
}
.news_title, .news_title h1 {
    color: #D00101;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.oldernews
{
font-weight:bold;
}
.oldernewslist li {
    list-style-type: disc !important;
}
.product_item
{
    width:265px;
}
.page2 {
    float: right;
	margin-top:20px;
}
.page2 span {
    color: #0264D1;
}
.page2 a {
    background: none repeat scroll 0 0 #5DC8FF;
    border: 1px solid #EAEAEA;
    color: #FFFFFF;
    padding: 4px 8px;
    text-decoration: none;
}

.send_footer {
    background: url("../Images/searchBtn.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 37px;
    text-indent: -10000px;
    width: 34px;
}
.send_btn {
    float: left;
}


.logoDoiTacList1 {
    display: block;
    height: 140px;
   margin: 0px 5px 0;
    overflow: hidden;
    padding-left: 5px;
    text-align: center;
    
     float:left;
}
.logoDoiTacList
{
        display: block;
    height: 85px;
    margin: 0px 5px 0;
    overflow: hidden;
    padding-left: 5px;
    text-align: center;
    width: 500px;
    float:left;
    
    }
#button_prevh {
  
    cursor: pointer;
   
   
}

#button_nexth {
   
    cursor: pointer;
   
   
}
.logoDoiTacList1 ul li {
  
    padding: 0 10px;
}

.content ul {
    padding-left: 10px;
}

.box_skitter_medium
{
display:none;
}

.productItem_content_title1 { font-size:14px;font-weight:bold; color:#39363f; padding-bottom: 10px;}
.productItem_content_title1 p { font-weight:bold; font-weight:normal; color:#0264d1;} 
.productItem_content_title1 a{  font-weight:bold; font-size:14px; text-decoration:none; color:#0264d1;}
.productItem_content_title1 a:hover { font-size:14px; text-decoration:underline; color:#39363f;}

li.tonghop a{
color:#0264D1 !important;
}#top_content {
    padding-left: 15px;
    width: 970px;
}
 
#footer {
    line-height: 18px;
    margin: 0 auto;
    padding-left: 15px;
    padding-top: 37px;
    width: 970px;
}

#flashBox {
height: 60px;
width: 790px;
position: absolute;
left: -12px;
top: 11px;
}


.navbar-toggle {
	color: #292929;
	border-color: #BABABA;
	padding: 4px 10px;
	margin-bottom: 5px;
	margin-top: 10px;
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 10px 10px;
	margin-top: 23px;
	margin-bottom: 8px;
	border: 1px solid transparent;
	border-radius: 4px;
	width: 70px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #dddddd;
}
.navbar-default .navbar-toggle {
	border-color: #dddddd;
}
.sr-only {
	/*position: absolute;*/
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.navbar-toggle .icon-bar {
	width: 100%;
	display: block;
	height: 3px;
	margin: 5px 0 0 0;
	background: #fff;
}
.navbar-toggle .icon-bar:first-child{
	margin-top:0;
}
.top > .navbar-toggle span:last-child{
}



@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
    #menu{
            margin-top: 10px;
    }
    #menu ul li {
        float: left;
        width: 50%;
    }

    .new_description img{
        width: 100% !important;
        height: auto !important;
    }
}
@media (max-width:991px){
	#menu #submenu{
        display:none;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .hidden-sm {
        display: none !important;
    }
	#menu #submenu{
        display:none;
    }
    #menu ul li {
        float: left;
        width: 33.33%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }

    #menu ul li {
        float: left;
        width: 50%;
    }
}

@media (max-width:1199px) {
    html, body{
        background: url(../Images/bg-mobile.jpg) #f1f1f1 repeat-x top;
    }
    .clearfix:before, .clearfix:after, #top_content:before, #top_content:after, .top:before, .top:after, #wrapper:after, #wrapper:before, #logo:before, #logo:after, #submenu:before, #submenu:after{
        content: " ";
        display: table;
    }

    .clearfix:after, #top_content:after, #wrapper:after, #logo:after, #submenu:after, .top:after{
        clear: both;
    }

    #wrapper, #top_content{
        /*width:100%;
        min-width: 100%;*/
        width: initial;
        min-width: initial;
    }
    #top_content {
        padding: 0 15px;
    }
    #menu {
        height: initial;
        padding: 0;
    }

    #menu ul li a {
        display: block;
        float: none !important;
        text-indent: initial !important;
        /* overflow: hidden; */
        height: initial;
        /* background-repeat: no-repeat; */
        width: initial !important;
        padding: 10px;
        text-decoration: none;
        font-size: 13px;
		background: #064dbf !important;
		color: #fff;
		border-bottom: 3px solid #083294;
		border-right: 1px solid #033599;
		border-left: 1px solid #033599;
    }
    #menu ul li a:hover{
        color: #fff;
        background: #4e87ff !important;
    }
    .top{
        background-position:initial;
        padding: 0 !important;
    }
    #slogan_banner{
        display:none;
    }
    .search{
        position:relative;
        left: initial;
        top: initial;
        float: right;
        margin: 10px 0;
        margin-right: 15px;
    }
    .colLeft{
        display:none;
        position: absolute;
        background: rgba(0, 0, 0, 0.59);
        padding: 20px;
        z-index: 111;
		padding-left: 15px;
    }
    .colRight {
        width: initial;
        float: none;
    }
    #top_contentBg, .top, .content, #logo, #menu{
        /*width:100%;
        min-width: 100%;*/
        width: initial;
        min-width: initial;
        float: none;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #logo{
        float:none
    }
    #logo a{
        position:relative;
        float:left;
            margin-left: -15px;
    }
    #bottom{
        float:left;
        height: initial;
        background: #033599 url(../Images/bottom_bg.gif) repeat-x;
    }
    #footer{
        padding-left:0;
    }
    #bottom, #footer, .logoDoiTac{
        width: 100%;
        min-width:100%;
    }
    .copyrightBox
    {
        width: initial;
        float: none;
        padding: 0 15px;
    }

    .muiTen {
        position: absolute;
        top: 45px;
        z-index: 22;
    }
    #button_nexth {
        left: 10px;
    }
    #button_prevh {
        right: 10px;
    }
    .logoDoiTacList1 {
        width: 85% !important;
        float: none;
        margin: 0 auto;
    }
    .pageview {
        width: initial;
        float: none;
        text-align: left;
        padding-top: 7px;
        background: #033599;
        padding-left: 15px;
        padding-bottom: 15px;
    }
    #contact_form{
        float: none;
        margin:0 0 30px;
    }
    #div_map{
        width:100% !important;
    }

    #btn_left > span:first-child{
        width:50px;
    }

    .products_Infor{
        width: initial;
        float:none;
    }
    .products_col1 {
        width: inherit;
        float: none;
    }
    .proImg {
        width: inherit;
        float: none;
    }
    .list_products{
        margin:20px 0;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width:480px) {
    .htmltext img{
        width:100% !important;
        height:auto !important;
    }
    html, body{
        background-size: 100% 109px;
    }
    #logo,.content{
        padding:0;
    }
    .top {
        background-size: 640px 108px;
    }
    #logo a {
        height:100px;
    }
    .linhnguyen-modal{
        display:none !important;
    }
    #top_content{
        padding:0;
    }
    #btn_left > span:first-child{
        width:20px;
    }
    .search {
        width:initial;
        padding:0;
        float:none;
            margin: 65px 0 15px;
    }
    .inputbg {
        background: #fff;
        border: 1px solid #0754c8;
         float: none; 
        height: 37px;
        width: 100%;
    }
    .inputbg input.ftxt {
        float: none;
        height: 18px;
        margin: 0;
        padding: 10px 10px;
        width: 90%;
    }
    .send_btn {
        float: none;
        position: absolute;
        right: 15px;
        top: 1px;
    }
    .send_footer{
        background: url("../Images/searchBtn.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); 
        height: 35px;
    }
    .welcome table tr, .welcome table tr td, .sanPham table tr, .sanPham table tr td{
        display: block;
    }
    .welcome table tr td{

    }
    .product_item {
        width: initial;
    }
    .productItem {
        width: initial;
        float: none;
        margin-right: 0;
    }
    #bottom{
        margin-top:20px;
    }
}