/*&---------------------------------------------------------------------*

*& Du an : KIMDUONGBASA

*& Loai file: css

*& Create Date: (06/08/14)

*&---------------------------------------------------------------------*

*& Update :

*& Description:

*& color: #fe0002;

*&---------------------------------------------------------------------*/



/*******▼ BG BACK TO TOP  ▼*******/

#back-top {

background: url("../images/to-top.png") no-repeat scroll 0 0 transparent;

bottom: 10px;

display: block;

height: 40px;

position: fixed;

right: 10px;

text-indent: -99999px;

width: 50px;

z-index: 9999;

}

/*******▲ END  BACK TO TOP  ▲*******/

/*******▼ BG AUTOWH1275  ▼*******/

.autowh{

	width: 100%;

	height: auto;
	background-image: url(../images/bgbody.png);

}

/*******▲ END  BACK TO TOP  ▲*******/

.header{

	width: 1007px;

	height: 237px;

}

.logo{

	width: 300px;

	height: 237px;

}

.logoright{

	width: 705px;

	height: 237px;

}

.logoright1{

	width: 705px;

	height: 100px;

	color: #ee0f21;

    font-size: 30px;

    font-weight: bold;

    font-family: 'UTM HelvetIns';

}

.logoright1 p{

    margin-left: 20px;

    line-height: 100px;

    padding-top: 30px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box; 

}

.logoright1 p >a{

	color: #ee0f21;

}

.logoright1 p >a:hover{

	color: #FF5555;

}

.logoright2{

	width: 705px;

	height: 137px;

	color: #00a1b2;

	font-size: 20px;

	padding-top: 15px;

	line-height: 27px;

	}

.logoright2 p{

	margin-left: 20px;



}

/*******▼ MENU ▼*******/



.menumax{

	width: 100%;

	height: 45px;

	background-color: #00a1b2;



}

.menu{

	width: 1007px;

	height: 45px;

	background-color: #00a1b2;

    margin: auto;

}

.menu_left{

	width: 660px;

	height: 45px;

	background-color: #00a1b2;

	border-radius: 10px 10px 0 0;

	font-weight: bold;

	text-transform: uppercase;

}

.menu_right{

	width: 297px;

	height: 45px;

	background-color: #fff;

}

.icon_right{

	width:100px;

	height: 45px;

	background-color: #00a1b2;

}

.icon1{

	width:38px;

	height: 45px;

	margin-left: 20px;

}

.icon2{

	width:38px;

	height: 45px;

}

.find_right{

	width: 197px;

	height: 45px;

	background-color: #00a1b2;

}

.text_find{

	width: 165px;

	height: 35px;

	font-style: italic;

	background-color: #fff;

	border-radius: 4px;

	padding-left: 10px;

	padding-right: 20px;

	position: absolute;

	z-index: 1;

	margin-top: 5px;

	}

.text_find input{

	width: 155px;

	height: 32px;

	margin-bottom: 35px;

}

.icon_find{

	width: 28px;

	height: 30px;

	background-image: url(../images/grpimg.png);

	background-position: -150px 0px;

	background-repeat: no-repeat;

	position: absolute;

	z-index: 2;

	top: 2px;

	cursor: pointer;

	right: 0px;

	margin-top: 5px;



}

.menu_left >ul{

	width: 660px;

	height: 45px;

}

.menu_left >ul >li{

	padding-left:15px;

	padding-right: 15px;

	float: left;

	margin-top: 10px;

	line-height: 45px;

	position: relative;

}

.menu_left >ul >li:last-child{

	border-right:none;

}

.menu_left >ul >li >a{

	text-align: center;

	color: white;

	display: block;

	width: 100%;

	height: 25px;

	line-height: 25px;

	font-size: 13px;

}

.menu_left > ul >  li:hover{

	background-color: #fff;

	border-radius: 10px;



}

.menu_left ul li:hover >a{

	color: #00a1b2;

}

.menu_left ul li a:hover{

 color: #00a1b2;

}

.menu_left >ul >li:hover >.childmenu{

	display: block;

	border: 1px solid #00a1b2;

	border-top: none;

}

.menu_left >a:hover{

	background-image: url("../images/grpimg.png");

	background-position: -240px -25px;

}

.icon1{

	background-image: url("../images/grpimg.png");

	background-position: 0px 0px;

	margin-top:10px;

}

.icon2{

	background-image: url("../images/grpimg.png");

	background-position: -49px 0px;

	margin-top:10px;



}

/*******▲ MENU BOTTOM ▲*******/

.menu_bottom{

	width: 720px;

	height: 30px;

	font-weight: bold;

	color: #00a1b2;

	margin-left: 90px;

	margin-top: 10px;



}





.menu_bottom >ul{

	width: 1275px;

	height: 30px;

}

.menu_bottom >ul >li{

	line-height: 45px;

	padding-left:10px;

	padding-right: 10px;

	float: left;

	position: relative;

	border-radius: 10px;

}

.menu_bottom >ul >li:last-child{

	border-right:none;

}

.menu_bottom >ul >li >a{

	text-align: center;

	color: #00a1b2;

	display: block;

	width: 100%;

	font-size: 12px;

	line-height: 25px;

	height: 25px;

	text-transform: uppercase;

}

.menu_bottom > ul >  li:hover{

	background-color: #00a1b2;

	border-top:  1px solid #00a1b2;

	border-bottom:  1px solid #00a1b2;

}

.menu_bottom ul li:hover >a{

	color: #fff;

}

.menu_bottom ul li a:hover{

 color: #fff;

}

.menu_bottom >ul >li:hover >.childmenu{

	display: block;

	border: 1px solid #00a1b2;

	border-top: none;

}

/*******▲ MENU BOTTOM ▲*******/







.banner{

	width: 100%;
	height: 350px;
	position: relative;
	overflow: hidden;
	margin-top: -5px;
	margin-bottom: 10px;
	overflow: hidden;

}

.banner img{

	z-index:0;
    overflow: hidden;
	position: relative;
	width: 100%;
	height: 350px;



}

.banner{

    border-radius: 10px;

}
.text_banner{

	width: 530px;

	height: 113px;

	background-color: #00a1b2;

	position: absolute;

	z-index: 1px;

	bottom: 20px;

}

.text_banner p a{

	color: #fff;

}

.tt{

	font-size: 25px;

	margin-left: 30px;

	margin-top: 5px;

	color: white;



}

.text_banner p >.tt p a{

	color: #fff;

}

.tt a:hover{

	color: #94FCDD;

}

.kd{

	font-size: 40px;

	margin-left: 30px;

	margin-top: 10px;

	color: #fff;

}

.kd a:hover{

	color: #94FCDD;

}

.kd >p >a{

	color: #fff;

}

.content{

	width: 1007px;

	height: auto;
	margin-top: 30px



}

.content_left{

	width: 222px;

	height: auto;

}

.support{

	width: 222px;

	height: auto;

	background-color: #fff;

	margin-bottom: 5px;
	border-top-left-radius: 19px;
border-bottom-right-radius: 19px;

}

.title_support{

	width: 222px;

	height: 37px;

	background-color: #0079a4;

	color: white;

	border-top-left-radius: 19px;

	border-bottom-right-radius: 19px;

	line-height: 37px;

	text-align: center;

	font-weight: bold;

}

.title_support >p >a{

  color: #fff;

}

.title_support >p >a:hover{

  color: #94FCDD;

}

.content_support{

	width: 222px;

	height: 194px;

}

.support1{

	width: 222px;

	height: 95px;

}

.support1_text{

	height: 20px;

	width: 222px;

}

.txtten{

	text-align: center;

	margin-bottom: 5px;

	color: #ff0000;

	font-weight: bold;

}

.txtsdt1{

	text-align: center;

    color: #00a1b2;

	

}

.support2_text{

	width: 222px;

	height: 70px;

	

}

.support2_text img{

	margin-left: 45px;

}

.spbanchay{

	width: 222px;

	height: auto;

	background-color: #fff;

	margin-bottom: 5px;
	border-top-left-radius: 19px;
border-bottom-right-radius: 19px;
margin-top: 20px

}

.content_spbanchay{

	width: 222px;

	height: 180px;

	margin-bottom: 15px;

}

.img_spbanchay{

	width: 222px;

	height: 157px;

	margin-bottom: 15px;

}

.img_spbanchay img{

	margin-left: 12px;
	width: 195px;



}

.text_spbanchay{

	width: 222px;

	height: 23px;

	text-align: center;

	font-size: 13px;

	margin-top: 12px;

}

.text_spbanchay >p >a:hover{

	color: #00a1b2;

}

.content_right{

	width: 756px;
	min-height: 636px;

	height: auto;
	background-color: #fff;
	border-top-left-radius: 19px;
border-bottom-right-radius:19px

}

.ctsp{

	width: 754px;

	height: auto;

	padding-left: 7px;

	margin-bottom: 20px;

}

.title_ctsp{

    width: 754px;

    height: 30px;

    font-weight: bold;

    font-size: 16px;

    margin-top: 10px;

    padding-left: 5px;

    text-transform: uppercase;

    color: #0079a4;

}
.title_ctsp h1{
	width: 754px;
	height: 30px;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 5px;
	text-transform: uppercase;
	color: #0079a4;
}

.content_ctsp{

	width: 754px;

    height: auto;
    padding-top: 20px;
    padding-bottom: 20px

}

.img_ctsp{

    border: 1px solid #ccc;
    padding: 10px;
    overflow: hidden;
}

.img_ctsp img{

	width: 400px;

	height: 269px;



}

.text_ctsp{

	width: 320px;

    height: 300px;

}

.datmua{

	width: 300px;

    height: 300px;

     margin-right: 10px;



}



.title_datmua{

	width: 420px;

	height: 40px;



}

.title_datmua p{

	color: green;

	font-weight: bold;

    font-size: 16px;

    padding-top: 4px;

    margin-left: 2px;



}

.content_datmua{

	width: 200px;

	height: 260px;

	background-color: #fff;

	border-top:  2px solid #ccc;
	position: relative;

}

.ht, .dt{

	width: 100%;

	height: auto;

	background-color: #fff;

}

.ht1{

	width: 220px;

	height: auto;
	margin-top: 5px;

}

.ten{

	width: 60px;

	height: 50px;



}

.ten p{

	width: 60px;

	height: 50px;

	line-height: 50px;

}



.ten1{

	width: 200px;

	height: auto;

	padding-top: 10px;
	position: relative;

}

.ten1 input{

width: 180px;

border: 1px solid #CCC;

padding: 5px;

height: 17px;

margin-right: -1px;
margin-top: 0px;

top: 0px;

line-height: 17px;

}

}

.yc{

	width: 440px;

	height: 160px;

}



.them{

	width: 220px;

	height: auto;

	color: red;

	margin-top: 5px;

}

.button_right{

	width: 220px;

	height: 160px;

	background-color: #ccc;

}

.email{

	width: 220px;

	height: 160px;

	background-color: blue;

}

textarea{

	border: 1px solid #ccc;

	margin-top: 3px;

}

.text_ctsp1{

	width: 320px;

    height: 210px;

    margin-left: 10px;

    line-height: 1.5;

}

.iqf{

	margin-left: 50px;

}

.dong{

	margin-left: 50px;

}

.button_add{
	width: 296px;
    height: 90px;
    padding-left: 30px

}


.button_bg input{

margin-right: 8px;

line-height: 36px;

height: 38px;

width: 100%;

border: 0px;

background-color: #c43c35;

border-radius: 5px;
cursor: pointer;
color: #fff;
text-align: center;
}
.button_bg {


margin-top: 15px;

margin-right: 8px;

line-height: 36px;

height: 38px;

width: 100%;

border: 0px;

background-color: #c43c35;

border-radius: 5px;
cursor: pointer;
color: #fff;
text-align: center;



}

.button_bg a{

	color: white;

	font-size: 12px;

	font-weight: bold;
	

}

.button_bg > a:hover{

	font-size: 13px;

}

.ten1 input:focus, textarea:focus{

	border-color:#c43c35;

}

.button_cart {

margin-right: 8px;

padding-left: 20px;

line-height: 36px;

height: 38px;

width: 143px;

border: 0px;

background-color: #e2760f;

border-radius: 5px;
cursor: pointer;

}

.button_cart a{

	font-weight: bold;

    color: #fff;

    font-size: 16px;

    margin-left: 6px;

}

.button_cart img{

	width: 40px;

	height: 40px;

	overflow: hidden;

}

.content_sanphamlq{

	width: 756px;

	height: auto;

}

.title{

	width: 756px;

	height: 37px;

	background-color: #0079a4;

	color: white;

	border-top-left-radius: 19px;

	border-bottom-right-radius: 19px;

	text-transform: uppercase;

	font-weight: bold;

}

.title p{

	margin-left: 20px;

    margin-right: 10px;

    padding-top: 10px;

}

.title p >a{

	color: #fff;

}

.title >p >a:hover{

  color: #94FCDD;

}

.content_sanpham{

	width: 756px;

	height: auto;

	padding-top: 15px;

}

.sanpham{

	width: 177px;

	height: 262px;

	margin-bottom: 10px;

	margin-right: 10px;

	margin-left: 2px;



}

.img_sanpham{

	width: 177px;

	height: 200px;

	display: table-cell;

	vertical-align: middle;

}

.img_sanpham_border{

	width: 157px;

	height: 157px;

	border: 7px solid #ccc;

	border-radius:100%;

	overflow: hidden;

	margin: auto;
	box-shadow: 3px 3px 3px 3px #fff;

}

.img_sanpham_border img {

	height: 157px;

}

.text_sanpham{

	width: 177px;

    height: 62px;

    margin-top: 5px;

    margin-left: 5px;

    margin-right: 5px;

    text-align: center;

}

.text_sanpham p{

	margin-left: 10px;

    margin-right: 10px;

    margin-top: 7px;

    font-size: 14px;

}

.text_sanpham >p >a:hover{

	color: #00a1b2;

}

.bottom{
	width: 1007px;
	height: 160px;
}

.bottom1{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 15px;
	font-size: 13px;
	line-height: 23px;

}

.bottom2{

width: 100%;
margin-top: 10px;
padding-left: 150px;


}

.footer_max{

	width: 100%;

	height: 48px;

	background-color: #00a1b2;



}

.footer{

	width: 1007px;

    height: 48px;

	margin:auto;

}

.footer_left{

	width: 500px;

    height: 48px;

	margin:auto;

	color: #fff;

	font-size: 14px;

	line-height: 48px;

}

.footer_right{

	width: 120px;

    height: 48px;

	margin:auto;

	color: #fff;

}

.text_footer{

	width: 430px;

    height: 48px;

	color: #fff;

	font-size: 9px;

	margin-top: 20px;



}

.text_footer p >a{

	margin-left: 375px;

	color: white;

}

.img_hiti{

	width: 70px;

    height: 48px;

	color: #fff;

	font-size: 14px;

	margin-top: 12px;

}

.text_footer >p >a:hover{

	color: #94FCDD;

}

.border_bottom{

 width: 100%;

 height: 1px;

 background-color: #ccc;
 margin-top: 20px

}

.errordiv {

padding: 10px 12px;

margin-left: -8px;

margin-top: -1px;

font-size: 13px;

line-height: 20px;

color: red;

text-align: left;

text-shadow: 0 1px 1px rgba(255,255,255,0.75);

vertical-align: middle;

background-color: #f5f5f5;

width: auto;

min-width: 80px;

min-height: 24px;

display: none;

position: absolute;

z-index: 9999;

top: 40px;

}

.grouphinhphu{
	width: 	422px;
	height: auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}
.hinhphu{
	padding: 3px;
	border: 1px solid #ccc;
	width: 120px;
	margin-left: 10px
}
.hinhphu img{
	width: 120px;
	height: auto;
}
.contentabout{
	width: 756px;
	height: auto;
	padding: 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}
.contentabout img{
	max-width: 716px;
	height: auto
}

	.tbl{
		height: auto;
		width: 800px;
	}
	.tbll{
		height: auto;
		width: 400px;
	}
	.tblr{
		height: auto;
		width: 400px;
		font-size: 20px;
		font-weight: bold;
	}
	th{
		background-color: #0080FF;
		color: white;
		height: 40px;
	}
	table{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.add_insert{
		width: 100px;
		height: 100px;
		background-color: green;
	}
	element.style {
height: 320px;
padding-top: 20px;
padding-bottom: 20px;
}
	.grppopup {
height: 0;
overflow: hidden;
width: 100%;
position: relative;
z-index: 999999 !important;
background-color: #FFFFFF;
}
.grp_ctent {
width: 550px;
height: auto;
margin: auto;
padding-top: 20px;
}
.metro * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.lblfrm {
color: #b3b4b4;
font-size: 15px;
padding-right: 10px;
font: normal 20px 'UTMCafetaRegular';
}
.linefrmlogin {
width: 100%;
height: auto;
padding-top: 15px;
}
.labelfrmlogin {
width: 105px;
text-align: right;
padding-right: 3px;
height: auto;
color: #b3b4b4;
}
.metro .input-control.text, .metro .input-control.password, .metro .input-control.file {
display: inline-block;
cursor: pointer;
outline: 0;
position: relative;
}