body .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	    background: none;
    color: #fff;
}	a:focus, a:hover{text-decoration:none;}
	body .product {
		background-color:#fff
	 }
	 body .medias{
		background: url(/images/tintuc.png);
	 }
	 .nhacc{
		background: url(/images/doitac.png) no-repeat bottom center #fff;
		background-size: 100%;

	 }
	 .khonghienthi {
		display:none;
	}
	 .zoomWindowContainer{display:none}
.text-contact h4{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 20px;
}

.box1 .back1, .box3 .back1{background: url(/images/img1.png) no-repeat left!important;}
.firt_tin{
	display: block !important;
	float: left;
	border-radius: 8px;
	margin-top: 40px;
	border: #dcdcdc 1px solid;
	background: #f9f9f9;
	margin-bottom:10px;
}
	.firt_tin>h2{
		font-weight: bold;
		padding: 10px;
		padding-left: 0;
		text-align:center; margin-top:15px;
	}
	.firt_tin>h2 a{
	    text-transform: uppercase;
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		color:#421013;
	}
	.firt_tin li{
		width: 100%;
		padding: 10px;
		margin-bottom: 5px;
		background: url(http://thepbaohau.com/images/icon3.png)no-repeat center left;
		/*padding-left: 20px;*/
	}
	.firt_tin li:hover a{
		color:#ff0000;
	}
 #cssmenu{ width:100%; float:left;}
 #cssmenu ul li{ width:100%; float:left;}
 #cssmenu ul li a{ font-size:14px; color:#303030;}
 @media screen and ( max-width: 767px ) {
	.nav>li a:hover{text-decoration:underline;}
	.logo {width:100%;float:left;}
	.logo img{width:90%;}
	.tencty{width:90%;float:right}
	.tencty p{
		font-size: 10px;
		font-weight: bold;
		margin: 0;
		padding-bottom: 0;
		padding-left: 5px;
	}
	.tencty h2{
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		color: #821e24;
		font-family: myriad pro;
	}
	.tingioithieu{margin:0 0 30px 0 !important;}
	.tingioithieu{padding:0;}
	.tingioithieu h2 a{font-size:18px !important;}
	body .tieude h2 {  font-size: 18px !important; text-align: center;}
	.anhmain img{
		height: auto !important;width:100%!important;
	}
	.menu ul.nav li li a{font-family:arial!important;font-weight:normal!important;} 
	.menu ul.nav li a{padding:0 !important}
	.navbar-nav{background-color: #821e24;}
	body .menu ul ul {
		display:block !important;
		padding:0 !important;
	}
	body .logo img {
		height: auto;
		margin-top: 5px;
		margin-bottom:5px;
	}
	.khonghienthi{
		display:block;
	}
	.navbar-collapse{
		height:400px;
		overflow:auto;
	}
	.menu ul.nav li a{
		font-family: arial !important;
		text-transform: uppercase;
		font-weight: bold;
		color:#fff;
		font-size:14px;
		padding:0;
	}
	.menu ul{
		padding-left:10px;
	}
	.menu ul li{
		border-bottom:1px solid #fff;
	    padding: 7px 5px 5px 10px;
	}
	.search-1_box{
		position: absolute;
		top: 54px;
		z-index: 999;
		margin-top: 0 !important;
		left: 15px;
		max-width: 85% !important;
	    width: 321px !important;
	}
	#subport {
    background: none;
    margin:0;
    padding:0;
	    display: none;
	}
	.search2{margin:0 !important;text-align:right;width:100%;}
	.nav li ul ul{
		padding:0;
	}
	.menu ul li li{
		border:none;
	}
	ul.nav{padding:0; !important}
	.text1 p {
    font-size: 13px !important;
	}
	
 }
@media screen and ( min-width: 768px ) {
	.nav>li:hover{background-color:#821e24;}
	#product_detail .left{padding:0;}
	/*.logo{width:100px; float:left;}*/
	.tencty{
		width: 520px;
		float: left;
		padding-left: 20px;
	}
	.tencty p{
		font-size: 19px;
		text-transform: uppercase;
		color: #231fad;
		font-weight: bold;
		font-family: hong_ha;
		margin: 0;
		padding-top: 25px;
	}
	.tencty h2{
		text-transform: uppercase;
		color: #ec1f24;
		font-size: 28px;
		font-family: hong_ha;
		text-align: center;
		font-weight: bold;
	}
	.social{widht:100%;overflow:hidden;}
		.b3 ul.onlines{float:right;}
		body .logo img {
		height: 105px!important;
		margin: 10px 0;
	}
	.navbar-toggle{display:none;}
	#subport{
		/*background: url(/images/ic_phone.png)no-repeat left center;*/	margin-top:20px;
		padding-left: 50px;	 
	}
 	.menu ul.nav li a{
	text-transform: uppercase;
	font-weight: bold;
	color:#fff;
	font-size:14px;
	padding:5px;
}
body .menu {
    background-size: auto 100% !important;
}
body .menu ul ul{
	background-color: #821e24;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	display:none;
    position: absolute; 
 	left:-2px;
    min-width: 395px; 
}
body .menu ul.nav  li li a{
	font-family:arial;	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-transform:none;
	padding-left:10px;
	font-size:14px;
	margin-left:10px;
}
body .menu ul.nav  li li a{padding:0}body .menu ul.nav  li ul{padding:0;}
.nhacc .tieude h2 {
    color: #333;
}
body .menu ul.nav  li li{
	border-bottom:1px solid #cdcdcd;
	position:relative;
	padding:5px;
}body .menu ul.nav  li li:hover{	background-color:#821e24;}
body .menu ul.nav  li li:hover li{background-color:#821e24 !important}
body .menu ul.nav  li li li:hover{	background-color:#821e24 !important;}
body .menu ul.nav  li li:last-child{
	border:none;
}
body .menu ul.nav  li li ul{
    display: none !important;
    position: absolute;
    background: #fff;
    /* width: 100%; */
    left: 100%;
    top: 0;
    width: auto;
    margin-left: 2px;
}
body .menu ul.nav  li li:hover ul{
	display:block !important;
}	
	 body .navbar { margin-bottom: 0; }
body .navbar-nav{background-color: none;}
	.title h2.title{
		font-weight: bold;
		font-size: 15px;
		margin: 10px 0;
	}
	 body .page-header {
	 	border-bottom: none;
		text-align: center
	 }
	.menu ul.nav li.active a{
		background:none;
		color:#fff;
	}
	.menu ul.nav li.active:hover a{color:#333}
	.menu ul.nav li.active a:hover{color:#333;background:none;}
	.menu ul.nav li.active:hover  li a{color:#fff;}
	.menu ul.nav li a:hover{
		color:#333;
	}	
	.menu ul.nav li:hover ul{
		display:block;
	}	
	.b1,.b2{
		padding-left:0;
		padding-right:20px
	}	.b1{line-height:21px;}
	.b3{padding-right:0;float:right}
	
}
ul.nav {margin-bottom:0;}
body .productt {
    border: 2px solid #ccc;
    height: 250px;
	overflow:hidden;
    margin-bottom: 20px;
    padding: 0;
	background: #fff;
	    text-align: center;
}
body .v1{
	margin-top:10px;
	overflow:hidden;
}
body .v1 .productt {
	height:190px
}
body .v1 .sanpham1{
	height:250px;
}
body .productt h3{
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}
body .productt a{
	color:#fff;
}
body .medias {
	background-color: #ccc;
	padding-bottom: 30px;
}


body .newpopular {
	padding:0;
	text-align:center;
    padding-bottom: 10px;
}
body .newpopular .img1{
	background-color:#fff;
}
body .newpopular img{
    width: 100%;
    height: 100%;
}


body .row {
		margin:0;
}
body #footer {
    background: url(/images/bg_bottom.jpg)no-repeat center -2px;
    background-size: 100% 100%;
	padding-bottom: 10px;
	border-top:5px solid #89171e;
	width:100%;
}
body .productt img{
	height:100%;
	width:100%;
}
body .productt img:hover{
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
}
li.tc{
    background: url(/images/truycap.png) no-repeat center left;
    padding-left: 25px;padding-top:2px;
}
li.ol{
	background: url(/images/onlines.png) no-repeat center left;
    padding-left: 25px;padding-top:2px;
}
.bg{
    width: 100%;
    background: url(/images/hoavan.png)no-repeat center center;
    height: 25px;
}
body .content {
	padding:10px;
}
.content h3 a{
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
    color: #303030;
}

.content h3 a:hover{
	color: #ff0000;
}
.content h3 p{
    font-size: 12px;
    color: #808080;
    line-height: 20px;
}
a.xemthem{
	color:#333;
	padding:6px;
	border:1px dotted #333;
	font-weight:bold;
}
a.xemthem:hover{
    background-color: #cdcdcd;
}
.xemtatca {
	text-align: center;
	width: 100%;
	margin-top:20px;
}
.xemtatca a{
	color:#786e61;
	padding:6px;
	border: 1px dotted #786e61;
	font-weight:bold;
	font-size:14px;
    background-color: #f5f5f5;
}
.xemtatca a:hover{
	background-color: #cdcdcd;
	border: none;
	color: #fff;
}
.tin_bao{
	width: 100%;
	overflow: hidden;
}
body .tieude{
	margin-bottom:0;
}
body .tieude h2{
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.product .title a{
	width: 100%;
	color: #303030;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;;
	font-size:16px;
	text-transform:uppercase;
}
.product .title a:hover{
	color: #ff0000;
}
body .tin .tieude h2,body .medias .tieude h2{	 
    background: url(/images/bg_1.png) no-repeat center bottom;
}
body .product .tieude h2{	
	color: #421013;
}

body .menu{
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background-color: #421013;
    border-top: 1px solid #fff;
}
#first{
	background: url(/images/bg1.png)no-repeat;
	background-size: 100% 100% ;
    /*padding: 10px 0;*/
}
/* ----------------------menu bot ------------------------*/
.menu_bot{
    width: 100%;
    border-bottom: 1px solid #f6f4f5;
    overflow: hidden;
}
.menu_bot ul{
	margin:0;
	padding:0;
}
.menu_bot li{
	float:left;
	margin-top:10px 0;
	padding:15px 5px;
}
.menu_bot li:first-child{
	margin-left:0;
	padding-left:0;
}
.menu_bot li a{    color: #fff;    font-size: 14px;    font-weight: normal; margin-right:15px;
}
.menu_bot li a:hover{
	color:#ffff00;}
.social  li{
	float:right;    margin-left: 5px;
}
/* ----------------------END ------------------------*/
.end{
	margin-top:20px;
	width:100;
	color:#fff;
}	
.end p{
	margin:0;	line:21px;
	font-size:14px;
}.end .b1	 a{	color:#fff;	text-decoration:underline;}

.end h4{
    width: 100%;
  /*  background: url(/images/line2.png) no-repeat bottom;
    padding-bottom: 10px;*/
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
	background-size:100% auto;
}
.b2 li{
	width:50%;
	float:left;
	margin: 5px 0;
}
.b2 li a{
	color:#fff;
	font-size: 12px
}
.search{
	background: url(/images/search.jpg);
	color:#333;
    background-size: 100% 100%;
}
.search input.keyword{
	width: 88%;
	padding: 5px;
	margin: 0;
	border: none;
	background: none;
}	
.search input.button{	
	width: 10%;
	border: none;
	background: none;
}
.jCarouselLite{
	width:100%!important;
	padding:0!important;
	margin:0 !important;
}
/*------------------ module ---------------------*/
#module .head{
	    float: left;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    height: 60px;
}
#module .head a,#module .head h2{
    margin-right: 3px;
    line-height: 60px;
    color: #303030;
    font-weight: bold;
	font-size:12px;
    text-decoration: none;
	padding-left:5px;
}
#module{
	background-color:#fff;
}
#pt{
	width: 100%;
	overflow: hidden;
	float: right;
	text-align: right;
}
.bn{
	background:#fff;
}
.detail_news{
	width:100%;
	overflow:hidden;
	padding:10px 0;
}
.v1 .title a{
	    width: 100%;
    color: #000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;;
    font-size: 14px;
    text-transform: uppercase;
}
.v1 .title a:hover{
	color:#ff0000;
}
/*------------------ module ---------------------*/
	
	 
	
/************************** tabs slide chạy footer ***************************/
.tabs-slide{
   width: 100%;
    margin: auto;
    overflow: hidden;}
ul#sidebar2{float: left;width: 100%;list-style: none;height: 42px;}
ul#sidebar2 li{float: left;line-height: 42px;cursor: pointer;}
ul#sidebar2 li p{font-size: 14px;line-height: 42px;padding: 0px 20px;    border: 1px solid #cdcdcd;}
ul#sidebar2 li p.show2{
		background: #2d76b8;
		margin-right: 3px;
		color: #fff;
		border: 1px solid #cdcdcd;
		font-weight:bold;
		text-decoration:none;
	}
ul#sidebar2 li p.hide2{
    background: #f2f2f2;
    margin-right: 3px;
	color: #303030;	
}
p.show2{text-decoration: underline;}
.show3 {display: block !important;}
.hide3 {display: none !important;}

#khachhangtab, #dichvutab, #tuyendungtab{
    width: 100%;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    box-sizing: border-box;
}
.contentdiv a{
    color: #ff0000;
    font-weight: bold;	
}
#module .sanpham ul.v1{
    margin-top: 40px;
	width:100%; float:left;
}
.khachhang{
    padding: 10px;
    font-size: 14px;
}
.chitiet p{
	font-style: italic;
    color: #303030;
    font-size: 14px;
}

.videos{
    width: 100%;
    padding-left: 50px;
    box-sizing: border-box;
}
#product_detail{
    width: 100%;
    overflow: hidden;
    padding-top: 10px;	
}
.ttsp h3{
	float: left;
    width: 100%;
    font-size: 18px;
    color: #303030;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
	    margin-bottom: 5px;
}
.ttsp{
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
	overflow:hidden;
}
.detail_p{
	width: 100%;
	overflow: hidden;
	padding: 10px 0px;
}
.product_detail .zoomWrapper {
    float: left;
    height: 320px!important;
}
.product_detail .zoomWrapper img {
    display: block;
    margin: auto;
    position: relative!important;
    height: auto!important;
    padding: 4px;
    width: auto!important;
    max-height: 100%!important;
    max-width: 100%;
}
#product_detail img{
	max-width:100%;
	height:auto;
}
.mabaove{
    float: left;
    margin-right: 10px;
    font-weight: bold;
    margin-top: 10px;
}	
#contact{
    width: 100%;
    overflow: hidden;
    margin: 10px auto;
	padding-top:10px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.text-contact,.form-horizontal{
	margin:10px 0;
	
}
.bantin{
	overflow:hidden;
}
.imgs img{
	width:220px;
	height:135px;
}
.videonho{
	color:#fff;
    margin-bottom: 28px;
}
a.viewmore{
    color: #303030;
    font-weight: bold;
    float: left;
	padding-left:10px;
}
.noidung h3{
	    font-size: 18px;
    font-family: time new roman;
    margin-bottom: 5px;
}
.noidung p{
	font-size: 12px;
	color: #959595;
	text-align: justify;
}	
.sanpham1{
	margin-bottom:10px;
    overflow: hidden;
    height: 325px;
}
#first{

}
.hinh1 img{
	width:100%;
	height:268px;
}
.hinh1 p {
    position: absolute;
    bottom: 0;
    background-color: rgba(53, 52, 52, 0.2);
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
	margin-bottom:0;
}
.hinh1{
	padding-right:0;
	overflow:hidden;
	position:relative;
}
.hinh2{
	float:left;
	margin-top:10px;
	padding-right:0;
}
.hinh2 img{
	width:100%;
	height:82px;
}
 @media screen and ( min-width: 1024px ) {
	
 }
#bttop{
	position:fixed;
	bottom:30px;
	right:30px;
	cursor: pointer;
}
.tinnoibat{    width: 100%;    overflow: hidden;    padding: 5px;
}
.tinnoibat .img1{
	float: left;
	width:130px;
	height:90px;
	overflow: hidden;
    margin-right: 10px;
	border:1px solid #ccc;
}

.tinnoibat .img1 img:hover{
	-webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: 0.4s ease; 
    transition: 0.4s ease;
}

/*--------------------- css3 hover anh ------------------------*/
/* Image Box Style */

#mainwrapper .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}


/** Caption 1: Simple **/
#mainwrapper .box .simple-caption {
	height: 30px;
	width: 200px;
	display: block;
	bottom: -30px;
	line-height: 25pt;
	text-align: center;
}

/** Caption 2: Full Width & Height **/
#mainwrapper .box .full-caption {
	width: 170px;
	height: 170px;	
	top: -200px;
	text-align: left;
	padding: 15px;
}

/** Caption 3: Fade **/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 170px;
	height: 170px;
	text-align: left;
	padding: 15px;
}
body  .wap .menu ul.nav  li li :hover a{color:#333;}
/** Caption 4: Slide **/
#mainwrapper .box .slide-caption {
	width: 100%;
	height: 100%;	
	text-align: left;
	padding: 15px;
	left: 100%;
    z-index: 10;
}

/** Caption 5: Rotate **/
#mainwrapper #box-5.box .rotate-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	top: 200px;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#mainwrapper .box .rotate {
	width: 200px;
	height: 400px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/** Caption 6: Scale **/
#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p {
	position: relative;
	left: -200px;
	width: 170px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

/** Simple Caption :hover Behaviour **/
#mainwrapper .box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/** Full Caption :hover Behaviour **/
#mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
#mainwrapper .box:hover .slide-caption {
	    background-color: rgb(81, 84, 84);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 0.7;
	transform: translateX(-100%);
}
#mainwrapper .box:hover img#image-4 {
/*	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);*/
	opacity: 1;
}

/** Rotate Caption :hover Behaviour **/
#mainwrapper .box:hover .rotate {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/** Scale Caption :hover Behaviour **/
#mainwrapper .box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.back1{
	width:100%;
	height:20px;
    background: url(/images/img1.png) no-repeat center;
}
.back2{
	width:100%;
	height:20px;
    background: url(/images/img2.png) no-repeat center;
}
.back3{
	width:100%;
	height:20px;
    background: url(/images/img2.png) no-repeat;
}
#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}
/*--------------------- css3 hover anh ------------------------*/
.anhmain{
	text-align: center;
	margin:15px 0;
}
.anhmain img{
    border: 3px solid #fff;
   /* border-radius: 5px;*/
    width: 100%;
    height: 170px;
}
.anhmain img:hover{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.anhmain h3{
    font-weight: 600;
    color: #212121;
    font-size: 15px;
    margin: 10px 0;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
	text-transform:uppercase;
	margin-top:20px;
}
.anhmain h3:hover{color:#821e24;}
.menu ul.nav li a{
    padding: 15px 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff !important; 
    font-size: 13px;
    background: none !important;
	font-weight:600;
}
body .menu ul ul{z-index:9999}
.search2{
	margin-top: 15px;
}
.text1 p{    padding: 0;    font-size: 18px;    color: #ff0000;}
.text1{padding-top: 8px;font-weight:bold;}
.text1 label{
	font-size:14px;
	text-transform:uppercase;
}
.search-1_box{   /* background: url(/images/img_search.png)no-repeat; */   
/*background-size: 100% 100%;*/
height: 38px;    padding-top: 7px;    margin-top: 30px;    padding-right: 0; border: 1px solid #ccc;
    border-radius: 0;
    position: relative;
    display: inline-block;
    line-height: 38px;
    font-size: 13px;
    padding: 0;
    vertical-align: middle;
   /* width: 100%;*/
    *zoom: 1;
	background:#fff;
}
#search-1field{
    width: 85%;
	float:left;
	background:none;
	border:none;
	line-height:25px;
	border-right: 1px solid #ccc;
	height:37px;
	line-height:35px;
	padding-left:10px;
	color:#777777; font-size:14px;
}
#search-1button{
	width:15%;
	background:none;
	border:none;
	float:left;
	background: url(/images/icon-search.png)no-repeat center center;
}
/*.nav>li{
	border-right:1px solid #fff;
}*/
.tingioithieu{
	text-align:center;
	margin:30px 0;
}
.tingioithieu h2{margin:10px 0;}
.tingioithieu h2 a{
	font-weight: bold;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#421013;
}
.tingioithieu h2 a:hover{ text-decoration:none;color:#821e24;}
.tingioithieu a.xemthem{   background: linear-gradient(90deg, #421013 0%, #821e24 100%)!important; border:none;   padding: 10px 40px;color:#fff; border-radius:3px}
.tingioithieu a.xemthem:hover{background: linear-gradient(90deg, #821e24 0%, #421013 100%)!important;}
.tingioithieu a.xemthem:hover{background-color:#821e24;color:#fff;border:1px solid #303030; } 
#dichvu{background-color:#3739ab;background: url(/images/hinh1.png);margin-top:30px;}
.dichvutin{margin:40px 0;text-align:center;	color:#fff;}
.dichvutin p{
	height:70px;
}
.dichvutin .img{
	width:170px;
	height:170px;
	text-align:center;
	margin:0 auto;
}
.dichvutin .img img{width:100%;height:100%;border-radius:50%;}
.dichvutin h2 {margin:15px 0;}
.dichvutin h2 a{
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
}
.dichvutin .xemthem1{
	background-color:#fff;
	color:#333;
	padding:10px;
}
.dichvutin .xemthem1:hover{
	background-color:#ed1c24;
	color:#fff;
	text-decoration:none;
}
.tinnoibat .content{
	text-align:justify;
	padding: 0;
}
.box1 h2,.box2 h2, .box3 h2{
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin: 30px 0;
	margin-bottom:10px;
	padding:0 0px;
	box-sizing:border-box;
}
.tinnoibat p{
	color: #333;
	font-size: 13px;
	margin-top: 10px;  
}
.noidung{
	text-align:left;
}
.gallery li{    width: 100%;
    overflow: hidden;
    background: url(/images/icon.png) no-repeat left center;
    margin: 10px 0;}
.gallery li:first-child{
	background:none;padding:0;
} 
.jCarouselLite li{ margin-right:12px;}
.jCarouselLite img{
	padding:0 4px;
	width:100%;
	max-height:80px;
	box-sizing:border-box;
}.tintuc1{border-bottom:1px solid #cdcdcd;padding:20px 0}.tintuc1 .img1{width:30%;height:200px;float:left;margin-right:5px;border:1px solid #cdcdcd;text-align:center;}
.tintuc1 .img1 img{max-width:100%; height:100%;}.tintuc1 h3 a{color:#000;font-size:16px;font-weight:bold;text-decoration:none;}.tintuc1 h3 a:hover{color:#ff0000;}.tintuc1 h3{border-bottom:1px solid #cdcdcd; padding:10px 0;}
.tintuc1 .content{width:69%;float:left;}.tintuc1 .content p{    font-size: 14px; color: #303030;    line-height: 22px;    text-align: justify;}
.tieude2 a{font-size: 36px; font-family: Arial, Helvetica, sans-serif;color: #303030; font-weight:600;}
.tieude2 a:hover{text-decoration:none;}
.tieude2{margin-top:20px;margin-bottom:10px; width:100%; float:left;} 
.album{
	    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
	padding-top:20px;
}
.gallery {
}
.recent-work-wrap {
    position: relative;
}
.gallery .thumbnail1 img {
    width: 100%;
    height: 205px;
    background: #fff;
    padding: 5px;
    box-shadow: 1px 1px 3px #000;
    box-sizing: border-box;
}
.tit_g {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
.recent-work-wrap .overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 10px;
    width: 98%;
    height: 195px;
    opacity: 0;
    background: rgba(49, 49, 49, 0.5) none repeat scroll 0% 0%;
    color: #FFF;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    box-sizing: border-box;
}
.recent-work-wrap .recent-work-inner {
    top: 0;
    background: transparent;
    opacity: .8;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    height: 25px;
}
.recent-work-wrap .recent-work-inner img {
    width: 40px;
    height: 40px;
    margin-top: 20%;
    margin-left: 46%;
    border: medium none;
}
.recent-work-wrap:hover .overlay {
    opacity: 1;
}
.hinhanh{
	    height: 130px;
    /* margin-bottom: 10px; */
    text-align: center;
    border: 1px solid #cdcdcd;
    background-color: #f5f5f5;
    padding: 5px;
    box-sizing: border-box;
}
.hinhanh img{
	height:100%;
	max-width:100%;
}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff;}
.v1{overflow:hidden;}
.tinss {
    /*background: url(/images/bgtin.png) no-repeat;*/
    background-size: 100% 100%;
	margin-top: 30px;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
#dichvu{ padding-top:30px; padding-bottom:30px; width:100%; float:left;}
#contact input {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff3700), color-stop(1, #e34f32));
	background:-moz-linear-gradient(top, #ff3700 5%, #e34f32 100%);
	background:-webkit-linear-gradient(top, #ff3700 5%, #e34f32 100%);
	background:-o-linear-gradient(top, #ff3700 5%, #e34f32 100%);
	background:-ms-linear-gradient(top, #ff3700 5%, #e34f32 100%);
	background:linear-gradient(to bottom, #ff3700 5%, #e34f32 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3700', endColorstr='#e34f32',GradientType=0);
	background-color:#ff3700;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #e0593e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
#contact input:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e34f32), color-stop(1, #ff3700));
	background:-moz-linear-gradient(top, #e34f32 5%, #ff3700 100%);
	background:-webkit-linear-gradient(top, #e34f32 5%, #ff3700 100%);
	background:-o-linear-gradient(top, #e34f32 5%, #ff3700 100%);
	background:-ms-linear-gradient(top, #e34f32 5%, #ff3700 100%);
	background:linear-gradient(to bottom, #e34f32 5%, #ff3700 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e34f32', endColorstr='#ff3700',GradientType=0);
	background-color:#e34f32;
}
#contact input:active{
	position:relative;
	top:1px;
}
.head1 h2{
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.otherss{
	font-weight: bold;
    text-transform: uppercase;
	margin-bottom:15px;
}
.old_news{margin:0 !important;padding-left:15px !important}
.old_news a{font-size:12px !important;}

/** slider**/



.bs-slider{



    overflow: hidden;



    max-height: 700px;



    position: relative;



    background: #000000;



}



.bs-slider:hover {



    cursor: -moz-grab;



    cursor: -webkit-grab;



}



.bs-slider:active {



    cursor: -moz-grabbing;



    cursor: -webkit-grabbing;



}



.bs-slider .bs-slider-overlay {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background-color: rgba(0, 0, 0, 0.40);



}



.bs-slider > .carousel-inner > .item > img,



.bs-slider > .carousel-inner > .item > a > img {



    margin: auto;



    width: 100% !important;



}







/********************



*****Slide effect



**********************/







.fade {



    opacity: 1;



}



.fade .item {



    top: 0;



    z-index: 1;



    opacity: 0;



    width: 100%;



    position: absolute;



    left: 0 !important;



    display: block !important;



    -webkit-transition: opacity ease-in-out 1s;



    -moz-transition: opacity ease-in-out 1s;



    -ms-transition: opacity ease-in-out 1s;



    -o-transition: opacity ease-in-out 1s;



    transition: opacity ease-in-out 1s;

}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.carousel-indicators .active{ background:#ed1c24;}
#mainwrapper{ margin-top:40px;}
.social li img{ width:35px; float:left; margin-right:10px;}
.col-md-22{ width:20%; float:left;}
.tingioithieu{ width:100%; float:left; text-align:center;}
.tingioithieu p{ font-size:15px!important; text-align:justify!important;} 
.tingioithieu p.uytin{ width:100%; float:left; text-transform:uppercase; font-size:34px!important; text-align:center!important; margin-bottom:30px; font-weight: bold;  color: #000;}

@media (min-width: 1200px){#bs-example-navbar-collapse-1{ width:100%; float:left; display:block;}.container {
    width: 1227px;
}
.menu ul.nav li a {   
    font-size: 12px;}
}

/*@media (min-width: 992px) and (max-width: 1199px) { 
	.menu ul.nav li a {  padding: 15px 4px; font-size: 11px;}
	.anhmain img { height: 125px;}
	.anhmain h3{ font-weight:bold; font-size:12px;}
	body .productt { height: 195px;}
	}*/
@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-22{ width:33.333336%!important; float:left;}
	.anhmain img { height: 200px!important;}
	#subport { top: -80px!important;}
	}

@media (min-width: 768px) and (max-width: 1199px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}
@media (min-width: 768px) and (max-width: 1199px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}
@media (min-width: 768px) and (max-width: 1199px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}

@media (min-width: 768px) and (max-width: 1199px) {.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}

@media (min-width: 768px) and (max-width: 1199px) {.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-collapse {border-top: 1px solid #fff;}
.menu ul li{ width:100%; float:left;}
.search-1_box{ display:none;}
.logo img{ width:70%; margin-top:10px; margin-bottom:10px;}
.search2{ position: relative; right:10px; top:5%;} 
#subport{ position: absolute;top: -75px;right: -5%;}
}
@media (min-width: 768px) and (max-width: 1199px) {
	body .logo img{ height:auto!important;}
	.search2 {  margin-top: -20px;}
	#subport{ position:absolute; right:15px; top:10%;}
	.menu ul.nav li a{font-family: arial !important;text-transform: uppercase;font-weight: 500;color:#fff;font-size:14px;padding:0;}
	.menu ul{padding-left:0px;	}
	.menu ul li{border-bottom:1px solid #fff;   padding: 10px 0px;}
	.menu ul.nav li:last-child{ border:none;}
	.menu ul.nav li li{ border:none;}
	.navbar-toggle{ display:block!important;} 
	.navbar-header{ float:none;}
	body .menu ul ul{background-color: #821e24;-webkit-background-clip: padding-box;background-clip: padding-box;	display: block;position: relative;left:-2px;min-width: 395px; border:none; top:5px;}
	body .menu ul.nav li li{ border:none;}
	body .menu ul.nav li li a{ text-transform:uppercase;}
	.navbar-collapse{ padding-left:0px; padding-right:0px;}
	.col-md-22{ width:50%;}
	.anhmain h3{ font-weight:600;}
	.anhmain img { height: 230px;}
	.search-1_box {
		display: block!important;
		position: absolute!important;
		z-index: 99999!important;
		top: -78px!important;
		right: -22px!important;
	}
	}
@media only screen and (max-width: 767px) {	
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{ height:300px;}
.tingioithieu p{ text-align:justify;}
.b1{ padding-left:0px!important; padding-right:0px!important;}
.box3 h2{ text-align:center; font-size:18px;}
.tintuc1,.tintuc1 .img1,.tintuc1 .content{ width:100%; float:left;}
.tintuc1 .img1{ height:auto;}
.tintuc1 .img1 img{ width:100%; float:left; height:auto;}
.box1 h2, .box2 h2, .box3 h2{ font-size:18px; text-align:center;}
.detail_news .title h2{ font-weight:bold; font-size:18px; width:100%; float:left; margin-top:15px; margin-bottom:10px;}
#module .head{ height:auto;}
.title_pro_detail{ margin-top:20px;}
#module .head a, #module .head h2{ line-height:25px; margin-top:5px; margin-bottom:5px;}
.head1 h2, .tieude2 a{ width:100%; font-size:18px; text-align:center; margin-top:20px; margin-bottom:15px; float:left;}
.col-md-22{ width:50%;}
.search-1_box{ display:none;}
.logo img{ width:50%; margin-top:10px; margin-bottom:10px;}
.search2{ position: relative; right:10px; top:5%;} 
#subport{ position: absolute;top: -50px;right: -10%;}
.page-header{ border-bottom:none;}
.anhmain h3{ font-weight:600;}
.anhmain img { height: 230px;}
.sanpham1 { width: 50%; float: left;}
.back1{ display: none;}	 
.menu ul.nav li a{font-family: arial !important;text-transform: uppercase;font-weight: 500;color:#fff;font-size:14px;padding:0;}
.menu ul{padding-left:10px;	}
.menu ul li{border-bottom:1px solid #fff;   padding: 7px 5px 5px 10px;}
.menu ul.nav li:last-child{ border:none;}
.menu ul.nav li li{ border:none;}
.navbar-nav { margin: 0px -15px;}
#first{ height:100px;}
.logo {  width: 85%; float: left; margin-top: 11px;}
.search2 { width: 45%;}
.search-1_box {
		display: block!important;
		position: absolute!important;
		z-index: 99999!important;
		top: -62px;
		right: -22px!important;
	}
}
/*      Small Mobile Layout: 320px. */
@media only screen and (max-width: 479px) {
	.search2 { width: 100%;}
	.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{ height:250px;}
	.col-md-22{ width:100%;}
	.anhmain h3{ font-weight:600;}
	body .logo img {margin-top: 10px;}
	.search-1_box{ display: block;left: 5px; top:9px; position:absolute;}
	.logo img { width: 80%;}
	#first { height: 90px;}
	.tieude2 a, .firt_tin>h2 a{font-size: 24px!important;; font-family: Arial, Helvetica, sans-serif;color: #303030; font-weight:600; text-transform:uppercase;}
	.sanpham1{ width:100%;}
	body .v1 .productt{ height: 260px;}
	body .v1 .sanpham1 { height: 330px;}
	.onlines{ display:none;}
	.social{ width:100%; float:left; margin-top:10px; margin-left:-19px;}
	.social li { float: left; margin-right: 5px;}
}
@media only screen and (max-width: 425px){
	.search-1_box {top: 11px;max-width: 85% !important;	left: 5px;position:absolute;}
	}
@media only screen and (max-width: 400px){
	.search-1_box {top: 14px;max-width: 85% !important;	left: 5px;position:absolute;}
	}
@media only screen and (max-width: 376px) {
.search-1_box {top: 7px;max-width: 85% !important;	left: 5px;position:absolute;}
#first { height: 80px;}
	}
@media only screen and (max-width: 365px) {
.search-1_box {top: 12px;max-width: 85% !important;	left: 5px;position:absolute;}
#first { height: 80px;}
	}
@media only screen and (max-width: 350px) {
.search-1_box {top: 12px;max-width: 85% !important;	left: 5px;position:absolute;}
#first { height: 80px;}
	}
@media only screen and (max-width: 330px) {
	#first { height: 70px;}
	.search-1_box {top: 7px;max-width: 85% !important;	left: 5px;position:absolute;}
	
	}
#bttop img{width: 46px; height: auto!important;}