*{
  margin: 0;
  padding: 0;
}

html,body {background-color: #f2f2f2; font-family: Arial; font-size: 11px; color: #3a3a3a; height: 100%;}

ul li {list-style-type: none;}
a {color: #3a3a3a;}
caption {color: #3a3a3a; font-weight: bold;}
table {width: 100%; max-width: 100%; margin-bottom: 20px;}
table tr th, table tr td {padding: 7px;}
table.border {border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-collapse: collapse; border-spacing: 0;}
table.border th, table.border td {border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;}
table.border table td, table.border table th {border: none;}
table.non_border, table.non_border th, table.non_border td {border: none;}

.bold {font-weight: bold;} .italic {font-style: italic;} .underline {text-decoration: underline;}
.uppercase {text-transform: uppercase;} .capitalize {text-transform: capitalize;}
.justify {text-align: justify;}.center{text-align: center;} .left{text-align: left;} .right{text-align: right;} 
.top {vertical-align: top;} .bottom {vertical-align: bottom;} .central {vertical-align: central;}
.page_title {font-weight: bold; text-transform: uppercase;}
.page_content {margin: 20px 0 15px; min-height: 395px;}
.page_content .title {margin-bottom: 10px; font-weight: bold;}
.page_content a:hover, .page_content a:focus {color: #337ab7; text-decoration: underline;} 
.btn-info {background-color: #F3EAE0; border-color: #F3EAE0; color: #3a3a3a;}
.btn-info:focus, .btn-info.focus {color: #3a3a3a; background-color: #F3EAE0; border-color: #F3EAE0;}
.btn-info:hover {color: #3a3a3a; background-color: #F3EAE0; border-color: #F3EAE0;}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {color: #3a3a3a; background-color: #F3EAE0; border-color: #F3EAE0;}

.container {
  padding: 0 25px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  /*height:auto !important;  real browsers */
  /*height:75%;  IE6: treaded as min-height*/
  /*min-height:75%;  real browsers */
}
footer {margin-top: 15px; font-size: 9px; color: #909090;}
footer .container {background: none; padding-bottom: 0;}

address {margin-bottom: 5px;}
div.visitor {text-align: right;}

/*-----end/footer--*/
/*-----header--*/

header {padding: 20px 0 25px; position: relative;}
header #logo img {max-height: 55px;}
header #logo .name{
	font-family: 'Arial', Georgia,serif;
	font-size: 14px;
	color: #9d4b07;
	text-transform: capitalize;
	padding: 20px 0px 0px;
	font-weight: bold;
    text-align: center;
}
 #logo .fffff {float: right;}
 #logo .fffff > ul  li{display: inline;}
 #logo .fffff > ul li img {width: 30px; height: 20px;}

/*-----end/header--*/

#cssmenu  {text-transform: capitalize;}
#cssmenu img {width: 35px; height: 20px; padding: 0; margin-top: -5px;}
#cssmenu img {width: 35px; height: 20px; margin-top: -5px;}

 .wrappersearch {
 	position: absolute;
    top: 131px;
    left: 780px;
 	width: 241px;
    height: 86px;
    z-index: 9999999999999999999999999;
 }

.search-box {
	z-index: 9999999999999999999999999;
	position: relative;
	top: 0px;
	left: -26px;
	width: 320px;
	height: 55px;
	background-color: #fff;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	box-shadow: 2px 2px 2px #888888;
}
.search-box input#go-search {
	position: absolute;
	top: 9px;
	right: 15px;
	height: 30px;
	color: #fff;
    text-transform: capitalize;
    background-color: #000;
    border: 0px;
    width: 70px;
}

.search-box input#goSearchBox {
	position: absolute;
	top: 9px;
	left: 18px;
	height: 30px;
}
.search-box a {
	position: absolute;
	text-decoration: none;
	font-size: 14px;
	text-transform: capitalize;
	top: 9px;
	left: 230px;
    background-color: #f0f0f0;
	color: #333;
	padding: 5px 12px;
	border-radius-bottom: 2px;
	border-radius-left: 2px;
	border-radius-right: 2px;
}

.search-box a:hover {background-color: #333; color: #fff;}

#noidungtimkiem{min-height: 400px;}

.wrapsearch11 {position: relative; height:180px; width: 200px; clear:both;	margin:5px;}

.hinh11 {position: relative;}
.hinh11 img {position: absolute;}
.name11 {position: absolute; top: 140px; left: 57px;}

/*-----end/nav--*/
/*-----GIOITHIEU--*/
.slidetrangchu {position: relative;	margin-top: 30px;}
.cycle img {max-width: 400px;}
.full_slide .cycle img {max-width: 650px;}
@media (max-width: 800px) {.cycle img {max-width: 720px;}}
@media (max-width: 600px) {.cycle img {max-width: 600px;}}
@media (max-width: 400px) {.cycle img {max-width: 400px;}}

/*-----EDN/GIOITHIEU--*/

/*-----hoi dong quan tri--*/

.page_content .thanhvien {
	padding: 17px 0;
	/*border-top: 1px solid #ddd;*/
}
.page_content .thanhvien .col-lg-3,
.page_content .thanhvien .col-md-3,
.page_content .thanhvien .col-sm-3 {padding-right: 5px; padding-left: 10px;}

.page_content .thanhvien .wrapper {text-align: center;	margin-left: 0px;}
.page_content .thanhvien .wrapper .anh img{max-width: 150px; max-height: 175px;}
.page_content .thanhvien .wrapper .ten {font-weight: bold; padding-top: 10px;}
.page_content .thanhvien .wrapper .chucvu {padding: 0 0 10px 0; text-transform: capitalize;}

#back-top {position: fixed; right: 20px; bottom: 10px; width: 50px; height: 50px; background-color: #333; z-index: 99999999999999999;}
#back-top:hover {background-color: #0737bc;}
#back-top:hover #goto a {color: #fff;}

#goto a {position: absolute; top: 10px; color: #fff; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase;}
#goto a i {color: #fff; position: absolute; top: -16px; right: 1px;}
/*---hoidong quan trị --*/

/*---liên hệ công ty --*/
.address_div {margin-top: 20px;}
/*---liên hệ công ty --*/

/*---vi tri tuyển dụng --*/

.btn-sm,
.btn-group-sm > .btn {
  padding: 2px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}


.chitiettuyendung {
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 100px;
}

.chitiettuyendung h4 {
	text-align: center;
}
.chitiettuyendung table caption {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

/*---end/vị trí tuyển dụng --*/
/* ----- product list ------*/
.products-grid {text-align: center;}
.products-grid .item {margin: 15px 0 10px;}
.products-grid .item img {width: 100%; max-width:200px; border-bottom: 1px solid #eee;}
.product_content {border: none; min-height: 1px; text-align: center; padding: 10px 0 5px; margin-top: 35px; background: #f5f5f5;}
/* --- end / product list ---*/


/*-----end/section--*/
@media (min-width: 769px) {
    .container {
        width: 750px;
    }
    .flagNav {
        text-align: right;
    }
    .product_content {/*** border-left: 1px solid #bfb7ab;*/ 
        min-height: 450px; padding: 20px; text-align: left; margin: -20px 0 0 0;
    }
}
@media (min-width: 992px) {
    .container {
        width: 850px;
    }
}

@media screen and (max-width: 1280px){
 .wrappersearch {
 	position: absolute;
    left: 730px;
 }
}
/*-----media 1024 --*/
@media screen and (max-width: 1024px){
 .wrappersearch {
 	position: absolute;
    left: 620px;
 }
}

/*-----media 800--*/
 @media screen and (max-width: 800px){
    .container {
      padding-right: 15px;
      padding-left: 15px;
    }

	  .wrappersearch {
	 	position: absolute;
	    top: 49px;
	    left: 0px;
	    height: 86px;
	    z-index: 9999999999999999999999999;
	 }

	 .search-box {
		left: 0px;
		width: 320px;
		height: 55px;

	}
	.search-box input#goSearchBox {
		width: 214px;
		height: 35px;
	}
	.search-box input#go-search {
		position: absolute;
		top: 9px;
        left: 240px;
	}

	nav {
		position: fixed;
		top: 0px;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
		z-index: 99;
		
	}

 	#content .gioithieu img {
    	padding-top: 30px;
    	width: 700px;
    	height: auto;
	}

    header {
    	padding: 15px 0 20px;
    }
    header #logo {
 		text-align: center
 	}
    header #logo .name{
    	padding: 20px 0 10px;
    }


 	/*-----hoidongquanly--*/
 	.page_content .thanhvien .wrapper .anh img{
        max-width: 120px; max-height: 140px;
	}
	/*-----end/hoidongquanly--*/

	.map iframe {
		width: 100%;
		height: 300px;
	}
	.lienhe .map {
    	margin-top: 0px;
    }
    div.visitor {text-align: left;}

 }
/*-----media 600max--*/
 @media screen and (max-width: 600px){
    .container {
      padding-right: 10px;
      padding-left: 10px;
    }

    header {
    	padding: 10px 0 15px;
    }
 	header #logo .name{
    	padding: 10px 0px;
	}

  /*-----hoidongquanly--*/
	.page_content .thanhvien .wrapper {
		margin-left: 0px;
	}
	/*-----end/hoidongquanly--*/
	.map iframe {
		width: 100%;
		height: 400px;
	}
	.lienhe .map {
    	margin-top: 0px;
    }
	footer {
    	font-size: 10px;
    	margin-top: 25px;
    	margin-left: 2px;
    	padding: 0px 0 10px 0px;
	}

	nav {
		position: fixed;
		top: 0px;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
	}

	 .search-box {
	 	position: absolute;
		left: -15px;
		top: 0;
		width: 320px;
		height: 50px;
	}
    
	.search-box input {
		position: absolute;
		top: -3px;
		left: 10px;
		width: 220px;
		height: 35px;
		
	}
	.search-box a {
		position: absolute;
		top: -1px;
		left: 237px;
		z-index: 999999999999999999;
	}
 }

  @media screen and (max-width: 400px){
.map iframe {
		width: 100%;
		height: 300px;
	}
}