@font-face {

    font-family: 'Roboto-BoldItalic';

    src: url('font/Roboto-BoldItalic.woff');

}

@font-face {

    font-family: 'Roboto-Regular';

    src: url('font/Roboto-Regular.woff');

}

@font-face {

    font-family: 'Roboto-Bold';

    src: url('font/Roboto-Bold.woff');

}

@font-face {

    font-family: 'RobotoCondensed-Bold';

    src: url('font/RobotoCondensed-Bold.woff');

}

@font-face {

    font-family: 'RobotoCondensed-Regular';

    src: url('font/RobotoCondensed-Regular.woff');

}

@font-face {

    font-family: 'OpenSans-Bold';

    src: url('font/OpenSans-Bold.woff');

}

@font-face {

    font-family: 'OpenSans-Regular';

    src: url('font/OpenSans-Regular.woff');

}

@font-face {

    font-family: 'Roboto-Medium';

    src: url('font/Roboto-Medium.woff');

}

@font-face {

    font-family: 'Roboto-Light';

    src: url('font/Roboto-Light.woff');

}

@font-face { 

    font-family: 'SFUDinEngAlt';

    src: url('font/SFUDinEngAlt.woff');

}

body{ 

	font-size:14px;

	line-height:25px;

	background:#fff;

	font-family:"Roboto-Regular";	

}

@font-face {

    font-family: 'MYRIADPRO';

    src: url('font/MYRIADPRO.OTF');

}

div#wapper

{ 

  margin:auto;

  min-width:1349px;

  background:#fff;

}

.fix_head{min-width: 1349px;}

.khung{

	position: relative;

	max-width: 1200px; 

	margin: auto;

}

.content_sp{

	width:calc(100% + 40px);

	margin-left:-20px;

	margin-right:-20px;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-flow: row wrap;

    -webkit-flex-flow: row wrap;

	

}

.link_web a:hover{color: #f00;}

div#header

{

	position:relative;

	margin:auto;

}

.hdtop{display: block;background: #eee;line-height: 35px;color: #414141;}

.slogan{float: left;color: #414141;}



.mxh{float: right;}

.mxh a{color: #393939;font-size: 20px;margin-left: 15px;font-weight: bold;}

.mxh a i{display: inline-block;transition: 0.5s;text-transform: uppercase;}

.mxh a i:hover{transform: rotate(360deg);}



.email{float:right;line-height:35px;padding:0 15px 0 30px;background:url(images1/em.png) no-repeat left center;}

div#header .logo{display: block; float: left; line-height: 95px;width: 120px;}

div#header .logo img{max-height: 115px;}

div#header .baotimkiem{float: left; width: calc(100% - 330px); height: 95px; display: flex; flex-wrap: wrap;

align-items: center; justify-content: center;}

#search{display: block;width: 600px; height: 42px;border: 2px solid #d60c0c;line-height: 42px;}

div#search input{    

    float: left;   

    border: none;         

    background: url(images1/sr.png) no-repeat 15px center;   

    width: calc(100% - 98px);

    outline: none;

    color: #999;

    line-height: 40px;

    padding: 0 20px 0 40px;

}

div#search p{cursor: pointer; width: 98px; text-align: center;float: right;display: block;background: #d60c0c;

line-height: 40px;font-size: 16px; color: #fff;font-family: 'Roboto-Medium';}

div#search p:hover{opacity: 0.8;}

.hotline{float: right;width: 100%; max-width: 210px; height: 95px;display: flex; flex-wrap: wrap;

justify-content: center; align-items: center;}

.hotline1{display: block; width: 100%; min-height: 40px;padding:10px 0 10px 35px;line-height: 20px;

background: url(images1/hot.png) no-repeat left center;font-size: 13px; font-family: 'Roboto-Regular';

color: #7b7b7b;}

.hotline1 span{color: #ff0000;font-size: 20px;}

div#menu{

	position:relative;

	height:50px;

	line-height:50px;

	margin:auto;

	background:#002158;

	z-index: 99;

}

div#menu ul{

  float:left;  

  list-style:none;

  height:100%;

}

div#menu ul.ul{display: flex;width: 100%; height: 50px; flex-wrap: wrap; align-items: center; 

	justify-content: space-around;margin: 0 -6px 0 -5px;width: calc(100% + 11px);}

div#menu ul li{

  float:left;

  position:relative;

  z-index:50;

}

div#menu ul li.line{

	background:#4d648a;

	height:50px;

	width:2px;

}

div#menu ul li a{

	color:#fff;

	font-size:16px;

	padding:0px 30px;

	text-decoration:none;

	text-transform:uppercase;

	display:block;

	font-family: 'RobotoCondensed-Regular';

	font-weight: 500;

}

div#menu ul li a.sp{padding: 0 70px;position: relative;color: #d60c0c !important;}

div#menu ul li a.sp p{position: relative;z-index: 2;}

div#menu ul li a.sp:before{position: absolute;left: 0;top:-11px;right: 0; bottom: -8px;width: 100%;

content: ''; height: calc(100% + 18px); background: url(images1/sale.png) no-repeat 30px center;z-index: 1;}

div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{

	color:#ff0;	

}

div#menu ul li ul,div#menu ul li:hover ul li ul{

	position:absolute;

	margin-left:0px;

	display:none;

	z-index: 99;	

}

div#menu ul li:hover ul{

	display:block;

}

div#menu ul li ul li{

	width:220px;

	line-height:1.5;

	background:rgba(0,33,88,1);

	border-bottom:1px solid #eee;	

}

div#menu ul li ul li a{

	padding:6px 10px;

	text-transform:none;

}

div#menu ul li ul li ul{	

	left:220px;

	top:0px;

}



#baoslide{display: block; margin-top: 2px;}

div#slider{

	margin:auto;

	display: block; 

	overflow:hidden;

	float: left;

	width: 810px;

}

#slphai{float: right;width: calc(100% - 812px); display: block;}

.chayhinhanh{display: block; height: 275px;margin-bottom: 2px;}

.chayhinhanh .slick-next{opacity: 1;}

.chayhinhanh .slick-prev{opacity: 1;}

.chayhinhanh .baovideo{display: block;height: 275px !important;border: none !important;}

.chayhinhanh .baovideo a{display: block;width: 100%;}



div#main_content

{

	padding:0px;

}

.danhmucnoibat{display: block;padding: 50px 0 45px 0;background: url(images1/nentin2.png) no-repeat bottom center;}

.sloganvst{color: #393939;font-size: 16px;text-align: center;margin-bottom: 10px;line-height: 22px;

	font-family: 'Roboto-Light';}

div.tieude_giua{

	color:#1159bb;

	text-align: center;

	font-size:25px;

	line-height:40px;

	font-family: 'Roboto-Bold';

	text-transform:uppercase;

	display: table;

	margin: auto;

	margin-bottom: 25px;

	background:#fff;

	padding: 0 15px;

	position: relative;

}

div.tieude_giua1{

	color:#1159bb;

	text-align: center;

	font-size:25px;

	line-height:40px;

	font-family: 'Roboto-Bold';

	text-transform:uppercase;

	display: table;

	margin: auto;

	margin-bottom: 10px;

	background:#fff;

	padding: 0 15px;

	position: relative;

}

div.tieude_giua:before{position: absolute; left: -227px; top: 50%; height: 1px; width: 227px; background: #ececec;

content: '';}

div.tieude_giua:after{position: absolute; right: -227px; top: 50%; height: 1px; width: 227px; background: #ececec;

content: '';}

div.tieude_giua1:before{position: absolute; left: -227px; top: 50%; height: 1px; width: 227px; background: #ececec;

content: '';}

div.tieude_giua1:after{position: absolute; right: -227px; top: 50%; height: 1px; width: 227px; background: #ececec;

content: '';}

.sloganvs{color: #393939;font-size: 16px;text-align: center;margin-bottom: 26px;line-height: 22px;}

div.wap_item{}

.spnoibat{display: block; padding: 50px 0; background: url(images1/nentin.png) no-repeat bottom center;}

.content_dm{display: block; width: calc(100% + 20px); margin: 0 -10px;}

.item_dm{display: block;float: left; width: calc(100%/4 - 20px); margin: 0 10px 20px 10px;}

.item_dm .img{display: block;max-width: 242px; width: 100%; margin: auto;padding-bottom: 30px;margin-bottom: 15px;

position: relative;background: url(images1/nenhinh.png) no-repeat bottom center;}

.item_dm .img img{width: 100%; border: 9px solid #1159bb;border-radius: 50%;}

.item_dm .img .mota{position: absolute;left: 9px;top: 9px; height: calc(100% - 48px); width: calc(100% - 18px);

border-radius: 50%;padding: 50px 20px;background: rgba(0,0,0,0.6);color: #fff;text-align: justify;display: flex;

align-items: center; justify-content: flex-start;opacity: 0;transition: 0.5s;}

.item_dm .img:hover .mota{opacity: 1;}

.item_dm .img .mota span{ 

	font-size: 13px;  

	font-family: 'Roboto-Light'; 

	overflow: hidden;

	position: relative;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	line-height: 20px;

	max-height: 100px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5;

}

.item_dm .img .mota .mota1{display: block;width: 100%;}

.item_dm .img .mota .mota1 p{color: #ff0;text-align: center;}

.item_dm .img .mota a{display: block;color: #ff0;text-align: center;}

.item_dm .ten{display: block;font-size: 20px; color: #1159bb;text-transform: uppercase;text-align: center;

transition: 0.5s;}

.item_dm .ten:hover{color: #f00;}

.chaydmsp .slick-prev{opacity: 1;left: 10px;margin-top: -60px;}

.chaydmsp .slick-next{opacity: 1;right: 10px;margin-top: -60px;}



div.item_sp{

	width:calc(100%/4 - 40px);

	text-align:center;

	float:left;

	margin:0 20px 20px 20px;

	display: block;

	position: relative;

	height: 305px;

}
.item_sp_tt{margin:0 10px 10px 10px!important;width:calc(100% / 3 - 20px)!important;}
div.item_sp .img{

    overflow: hidden;

    margin-bottom: 10px;

    position: relative;

    display: block;

}

div.item_sp .img img{

	width:100%;

	transition: 1s;

}

div.item_sp .img:hover img{transform: scale(1.2);}

div.item_sp .ten{

	color:#2c2c2c;

	font-size:16px;

	line-height: 30px;

	max-height: 60px;

	overflow:hidden;

	display:block;

	text-transform: uppercase;

}

div.item_sp .ten:hover{

	color: #f00;

}

div.item_sp .gia{

	font-size:16px;

	color: #2c2c2c;

	text-align: center;

}

div.item_sp .gia .giaban{

	text-align: center;

}

div.item_sp .gia .giaban span{color:#FF0000;}

div.item_sp .gia .giacu{font-size: 13px;color: #666;margin-right: 5px;text-decoration: line-through;}

div.item_sp .gia .giamoi{margin-left: 5px; color: #FF0000;}

div.item_sp .km{position: absolute;width: 53px;line-height: 50px;text-align: center;right: 10px; top: 10px;

	background: url(images1/km.png) no-repeat;font-size: 16px; color: #fff;font-family: 'Roboto-Bold';}
.khoanggia{font-size: 16px; color: #ed1c24;font-family:'Roboto-Bold'}



div.item_sp1{

	width:calc(100%/3 - 40px);

	text-align:center;

	float:left;

	margin:0 20px 20px 20px;

	display: block;

	position: relative;

	height: 305px;

}

div.item_sp1 .img{

    overflow: hidden;

    margin-bottom: 10px;

    position: relative;

    display: block;

}

div.item_sp1 .img img{

	width:100%;

	transition: 1s;

}

div.item_sp1 .img:hover img{transform: scale(1.2);}

div.item_sp1 .ten{

	color:#2c2c2c;

	font-size:16px;

	line-height: 30px;

	max-height: 60px;

	overflow:hidden;

	display:block;

	text-transform: uppercase;

}

div.item_sp1 .ten:hover{

	color: #f00;

}

div.item_sp1 .gia{

	font-size:16px;

	color: #2c2c2c;

	text-align: center;

}

div.item_sp1 .gia .giaban{

	text-align: center;

}

div.item_sp1 .gia .giaban span{color:#FF0000;}

div.item_sp1 .gia .giacu{font-size: 13px;color: #666;margin-right: 5px;text-decoration: line-through;}

div.item_sp1 .gia .giamoi{margin-left: 5px; color: #FF0000;}

div.item_sp1 .km{position: absolute;width: 53px;line-height: 50px;text-align: center;right: 10px; top: 10px;

	background: url(images1/km.png) no-repeat;font-size: 16px; color: #fff;font-family: 'Roboto-Bold';}





.xemtattc{width: 142px; line-height: 38px; margin:0 auto 10px; text-align: center;color: #fff; background: #ed1c24;

font-size: 15px; font-family: 'Roboto-Bold';display: block;transition: 0.5s;}

.xemtattc:hover{opacity: 0.6;}

/*----------------------------------------------------*/

#left{float: right; width: 300px;position: sticky;top: 60px;}



div.tieude{

	color:#fff;

	text-align:center;

	font-size:16px;

	height:35px;

	line-height:35px;

	font-weight:bold;

	text-transform:uppercase;

	background:#002158;



}

div.danhmuc{

	border:1px solid #d6d6d6;

	margin-bottom:12px;

	padding:10px 0;

}

div.danhmuc1{

	border:1px solid #d6d6d6;

	margin-bottom:12px;

	padding:10px 10px 0 10px;

}

div#danhmuc ul{

	list-style: none;

}

div#danhmuc ul li{padding: 0 15px;}

div#danhmuc ul li.lid a{border-bottom:1px solid #DDD;}

div#danhmuc ul li.lid:last-child a{border: none;}

div#danhmuc ul li ul li.lid1 a{border: none !important;}

div#danhmuc ul li ul li.lid1:last-child a{border: none !important;}

div#danhmuc ul li a{

	color:#222;

	text-decoration:none;

	font-size:15px;

	transition:0.4s;

	display:block;

	padding-bottom:5px;

	padding-top:5px;

	text-transform: uppercase;

}

div#danhmuc ul li a i{float: right;font-size: 25px;color: #555;}

div#danhmuc ul li a:hover{

	color:#F00;

	transition:0.4s;

}

div#danhmuc ul li ul li{padding-right: 0;}

div#danhmuc ul li ul li ul li{padding: 0;}

div#danhmuc ul li ul li a{

	text-transform: none;

}

div#danhmuc ul li ul li.lid1 ul li a{

	color: #666;

	font-weight: normal;

	border: none !important;

}



#tinmoi{}

#tinmoi .item_ttnb{

	margin-bottom:10px;

}

#tinmoi .item_ttnb .img{

	float:left;

	margin-right:10px;

}

#tinmoi .item_ttnb .ten{

	color:#000;

	display:block;

	overflow: hidden;

	position: relative;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	line-height: 20px;

	max-height: 60px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

#tinmoi .item_ttnb .ten:hover{color: #f00;}

#right{float: left; width: calc(100% - 330px);}





div.wap_pro{

	margin:15px auto;

	clear:both;

}

.mod_bottom{padding: 50px 0 20px 0;}

.baotin {

    float: left;

    width: calc(100%/3 - 30px);

    margin: 0 15px 30px 15px;

    display: block;

}

.tintuc1 a.img{

	display:block;

}

.tintuc1 a.img img{width: 100%;transition: 0.5s;}

.tintuc1 a.img img:hover{opacity: 0.6;}

.tintuc1 .ngaytt{float: left;width: 60px;display: block;margin-top: 8px;padding-top: 38px;height: 61px;

text-align: center;color: #fff;background: url(images1/time.png) no-repeat;margin-bottom: 10px;}

.tintuc1 a.ten {

	float: right;

	width: calc(100% - 68px);

    color: #292929;

    text-transform: uppercase;

	font-size:16px;

	font-family:'Roboto-Bold';

    margin-top: 12px;

    margin-bottom: 5px;

    transition: 0.5s;

    overflow: hidden;

	position: relative;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	line-height: 30px;

	max-height: 60px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	text-align: justify;

}

.tintuc1 a.ten:hover{color: #f00;}

.tintuc1 p.mota {

	color: #999;

	font-weight: 600;

    font-family: 'Roboto-Light';

    font-size: 13px;

    overflow: hidden;

	position: relative;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	line-height: 22px;

	max-height: 66px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	text-align: justify;

}



.item_tt {

	margin-bottom:24px;

}

.item_tt a.img {

    float: left;

    width: 150px;

    margin-right: 10px;

    display: block;

}

.item_tt a.img img{transition: 0.5s;}

.item_tt a.img img:hover{opacity: 0.6;}

.item_tt .baondtt{float: right; width: calc(100% - 160px);}

.item_tt a.ten {

	font-size:13px;

	color:#2f2f2f;

    overflow: hidden;

	position: relative;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	line-height: 22px;

	max-height: 66px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	text-align: justify;

}

.item_tt a:hover{color: #f00;}

.item_tt .ngaytt{line-height: 34px; display: block;padding-left: 32px;color: #393939;

background: url(images1/time1.png) no-repeat left center;font-size: 12px; font-family: 'Roboto-Light';}

.box_news .ngaytt{line-height: 34px; display: block;padding-left: 32px;color: #393939;

background: url(images1/time1.png) no-repeat left center;font-size: 12px; font-family: 'Roboto-Light';}



.feedback{display: block;padding: 50px 0 35px 0;background: url(images1/feed.png) no-repeat;}

.td_fb{display: block; text-align: center;line-height: 42px;text-transform: uppercase;font-size: 25px;

font-family: 'Roboto-Bold';margin-bottom: 20px;color: #1159bb;}

.content_tt{width: calc(100% + 30px); margin: 0 -15px;}

.chayfeedback .slick-next{opacity: 1;right: 15px;width: 32px; height: 56px;background: url(images1/next.png) no-repeat;

	margin-top: -45px;border-radius: 3px;}

.chayfeedback .slick-prev{opacity: 1;left: 15px;width: 32px; height: 56px;background: url(images1/prev.png) no-repeat;

	margin-top: -45px;border-radius: 3px;}

.feed{width: calc(100%/3 - 30px); margin: 0 30px;}

.feed .mota{display: block;height: 131px;padding-bottom: 35px;background: url(images1/mota.png) no-repeat;}

.feed .mota .mota1{	padding:20px 20px 20px 55px;display: block;background: url(images1/mota1.png) no-repeat left 15px;}

.feed .mota .mota1 .mota2{overflow: hidden;

	position: relative;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	line-height: 23px;

	max-height: 69px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	text-align: justify;

	font-family: 'Roboto-Light';

	color: #999;

	font-weight: 600;

	}

.feed .ten{display: block;font-size: 18px; font-family: 'OpenSans-Bold';color: #222;}



/*end bottom*/

#w_footer{

	background:#04497c;

	color:#fff;

}

#footer{

	margin:auto;

	padding: 55px 0;

}

.footer_1{

	float:left;

	width:610px;

	padding-right: 40px;

}

.footer_2{

    float: left;

    width: 280px;

	overflow:hidden;

}

.footer_3{

    float: right;

    width: 272px;

}

.td_ft{

    text-transform: uppercase;

    position: relative;

    line-height: 30px;

    font-size: 16px;

    font-family: 'RobotoCondensed-Bold';

    margin-bottom: 15px;

}

.footer_2 a.cs{display:block;line-height:20px;padding-left:18px;background:url(images1/ar.png) no-repeat left 6px;

color: #fff;margin-bottom: 5px;}

.footer_2 a.cs:hover{color: #ff0;}

.footer_2 a.logobct{display: block; margin-top: 20px;}

.copyright{padding:12px 0; line-height: 20px;font-size: 13px;background: #04497c;}

.copy{color: #fff;float: left;max-width: 665px;}

.copy span{color: #fff;}

.tk{float: right;width: calc(100% - 665px);text-align: left;}

.tk span{padding: 0 10px;}



.baosocial{display: flex;position: fixed; top: 0; right: 0; width: 30px; height: 100%;align-items: center;

justify-content: center;}

.social_footer{display: block;}

.social_footer a{display: block;width: 30px; text-align: right;transition: 0.5s;}

.social_footer a img{width: 25px;height: 25px;margin-bottom: 5px;}

.social_footer a:hover{text-align: left; }



.icontuvan{display: block; width: 200px; line-height: 40px; text-align: center; background: rgba(0, 132, 255, 0.8);; color: #fff;

font-size: 16px; font-family: 'Roboto-Bold'; transition: 0.5s;}

.icontuvan:hover{background: #1159bb;}

.icontuvan img{height: 25px; margin-right: 10px;}

/*==*/
.w_size{float: left;width: 100%}
.w_size label{float: left;margin-right:20px;}
.w_item_size{float:left;}
.item_size{cursor: pointer;float: left;padding:2px 7px;font-size:13px;font-family:'Roboto-Bold';color:#797979;margin-right:5px;margin-bottom: 5px;border:1px solid #797979;}
.item_size.active{background: #ff0000;color: #fff;border-color: #ff0000}
.item_sub_img {margin-right: 5px;}
.des-soluong{margin-bottom: 10px;}
.info .qty{display: block;float: none;margin-bottom: 5px;text-align: left;text-transform: uppercase;font-size: 12px;}
.info button{outline: none;background-color: #ff0000;border: 1px #ff0000 solid;color: #fff;font-size: 15px;padding:10px 12px;cursor: pointer;float: left;}
.info button:nth-of-type(2){padding: 10px 12px}
.info button:hover{color: #fff;background: #002158;border: 1px #002158 solid;}
.info input{padding: 0 5px 1px;height:37px;border: 1px #ddd solid;text-align: center;margin: 0px 5px;width: 80px;color: #333;text-align: center;float: left;}
.product-qty .cart button{padding: 10px 12px;line-height: 1;float: left;margin-left: 5px;}
.product-qty .show{margin-bottom: 5px;margin-right:15px;}
.product-qty{display: flex;align-items: center;}
.cart-top{margin-left:20px;color: #000;float: right;}
.cart-top a{color: #000}
.cart-top span{position: relative;}
#soluongmua {
    position: absolute;
    top: -35px;
    right: -8px;
    width: 20px;
    height: 20px;
    background: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    font-family: 'Roboto-Regular';
    border-radius: 50%;
}
.fix_cart {
    position: fixed;
    top: 30%;
    right: 20px;
    z-index: 999999;
    background: #ff0000;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}
.fix_cart i{font-size:40px;color:#fff}