@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,th,td{border:0;outline:none;margin:0;padding:0;}
ul{list-style:none;}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto-Medium.ttf');
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.active{
	display: block !important;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:13px;
  line-height: 1.5;

}
.clearfix{
	clear:both;
}
.ml0{
	margin-left:0px !Important;
}
a{
	text-decoration:none;
}
#header{
	width:1200px;
	height:auto;
	margin: auto;
}
#header img{
	width:100%;
}

#menu_top_main{
	width:1200px;
	height:40px;
	margin:0 auto;
	background:url(../images/bg_menu_top.png) repeat-x;
	border-radius:0px 0px 5px 5px;
}
#menu_top_main ul{
	float:left;
}
ul#menu {

}
ul#menu > li{
	float:left;
	position:relative;
	background:url(../images/lin_menu.png) right center no-repeat;
	line-height:40px;
}
ul#menu li .sub
{
	position:absolute;
	top:100%;
	z-index:555;
	left:0;
	display:none;
	min-width:200px;
}
ul#menu li:hover .sub
{
	display:block;
	
}
ul#menu li .sub ul 
{
	background:#DA0000;
	min-width:200px;
	overflow:hidden;
}
ul#menu li .sub ul li
{
	float:none;
	display:block;
	width:100%;
	padding:0px;
}
ul#menu li .sub ul li a
{
	position:static;
	padding:7px;
	margin:0;
	text-transform:none;
	width:100%;
	display:block;
	white-space:nowrap;
}
ul#menu li a{
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
    padding: 12px 15px 13px 15px;
	position:relative;
	line-height:13px;

}
.lin_menu_top{
	
	width:2px;
	height:45px;
	position:absolute;
	left:0px;
	top:0px;

}
ul#menu li a:hover , ul#menu li a.active{
	background-color:#F00;
}
ul#cart{
	float:right;
	font-size:12px;
	color:#FFF;
	font-weight:bold;

}
ul#cart li{
	float:left;
	margin-right:10px;
	margin-top:5px;
	position:relative;
}

ul#cart li input{
	padding:7px 55px 7px 20px;
	border-radius:5px;
	border:solid 1px #FFF;
    width: 215px;	
}
ul#cart li #btn_search{
    position: absolute;
    right: -2px;
    top: 0px;
    width: 31px;
    height: 31px;
    background: url(../images/bg_input.png) no-repeat center center;
    background-size: 100% 100%;	
}

#content{
	width:1200px;
	/*height:1300px;*/
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
}
#left{
	float:left;
	width:255px;
}

#right{
	float:right;
	width:920px

}
#banner{
	width:925px;
	height:360px;
	margin-left:20px;
}

#tu_van{
	float:left;
	width:100%;
	color:#000;
	border:1px solid #d2d2d2;
	font-weight:bold;
	padding-left:15px;
	box-shadow:1px 2px 5px  #CCC;
	margin-bottom:15px;
}
ul.onl{
    height: auto;
    overflow: hidden;
}
ul.onl li{
	float:left;
	margin-left:10px;
	font-size: 20px;
}
#tu_van h4{
	font-size: 22px;
	margin-top:10px;
	margin-left:15px;
}
ul#hot_line{

	background:url(../images/phone1.png) no-repeat left center;
	background-repeat:no-repeat;
	padding-left:45px;
	margin:10px;
	color:#26ade3;
}
#lin{
	margin-top:15px;
	background-image:url(../images/lin_tuvan.png);
	background-repeat:no-repeat;
	margin-left:25px;
	height:3px;
}
ul#hot_line li > p{
	font-size:22px;
	font-weight:bold;
	background: url("../images/skype_xanh.png") left 15% no-repeat;
	padding-left: 30px;
}
#danh_gia{
	margin-top:10px;
	float:left;
	border:1px solid #d8d8d8;
}
ul.tin_tuc{
	margin:5px 5px 0px 5px;
	border-bottom:1px solid #d8d8d8;
	height:65px;
	color:#000;
}

h3.bg_tieude{
	float:left;
	background:url(../images/bg_title.png) repeat-x;
	width:100%;
	text-align:center;
	line-height:43px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	border-radius:5px 5px 0px 0px
}
#bao_hanh{
	background-color:#0089d0;
	height:80px;
	padding-top:15px;
	width:245px;
	padding-left:10px;
	margin-top:15px;
}
.b_hanh{
	font-size:18px;
	font-weight:bold;
}
.b_hanh a{
	color:#FFF;
}
.bao_hanh{
	background:url(../../compu_max/images/bao_hanh.html) no-repeat;
	width:231px;
	height:32px;
}

.bao_hanh a{
	font-weight:bold;
	color:#FFF;
	padding:5px 10px 9px 17px;
}
.blocklistinfo{
	clear:both;
	width:100%;
	overflow:hidden;
}
ul.chi_muc{
	width:100%;
	float: left;
	height: auto;
	background: rgba(251,0,0,1);
	background: -moz-linear-gradient(top, rgba(251,0,0,1) 0%, rgba(243,0,0,1) 16%, rgba(233,0,0,1) 35%, rgba(222,0,0,1) 57%, rgba(212,0,0,1) 76%, rgba(206,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,0,0,1)), color-stop(16%, rgba(243,0,0,1)), color-stop(35%, rgba(233,0,0,1)), color-stop(57%, rgba(222,0,0,1)), color-stop(76%, rgba(212,0,0,1)), color-stop(100%, rgba(206,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(251,0,0,1) 0%, rgba(243,0,0,1) 16%, rgba(233,0,0,1) 35%, rgba(222,0,0,1) 57%, rgba(212,0,0,1) 76%, rgba(206,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(251,0,0,1) 0%, rgba(243,0,0,1) 16%, rgba(233,0,0,1) 35%, rgba(222,0,0,1) 57%, rgba(212,0,0,1) 76%, rgba(206,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,0,0,1) 0%, rgba(243,0,0,1) 16%, rgba(233,0,0,1) 35%, rgba(222,0,0,1) 57%, rgba(212,0,0,1) 76%, rgba(206,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(251,0,0,1) 0%, rgba(243,0,0,1) 16%, rgba(233,0,0,1) 35%, rgba(222,0,0,1) 57%, rgba(212,0,0,1) 76%, rgba(206,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb0000', endColorstr='#ce0000', GradientType=0 );
	margin-top:10px;
	border-radius:5px 5px 0px 0px;
	padding:10px 5px;
	margin-bottom:10px;	
}
ul.chi_muc li{
	float:left;
}
ul.chi_muc li.san_pham{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	margin-left:20px;
width:auto;
}
ul.chi_muc li.san_pham a{
	color:#FFFFFF;
}
ul.chi_muc li.xem{
	margin-top:2px;
	float:right;
	margin-right:10px;
	font-size:14px;
}
ul.chi_muc li.xem a{
	color:#FFF;
}
ul.chi_muc li.xem a:hover{
	color:#666;
}
#bao_hanh li.k_tra{
	background:url(../images/bao_hanh.png) no-repeat;
	margin-top:10px;
	height:30px;
	box-shadow:1px 2px 0px #005079;
	width:227px;
}
#bao_hanh li.k_tra a{
	font-weight:bold;
	color:#FFF;
	padding:11px 12px 14px 16px;
}
#bao_hanh li.k_tra a:hover{
	color:#CCC;
}

#product{
	margin-bottom:15px;
	width:100%;
	float:left;
}
#product li{
	float:left;
	margin-left:15px;
	width:215px;
	height:265px;
	border:1px solid #CCC;
	text-align:center;
	margin-top:15px;
	padding:8px;
}
#product li .img{
	float:left;
	width:100%;
	height:145px;
	margin-bottom:10px;
	overflow:hidden;
}
#product li .img a{
	display:table-cell;
	vertical-align:middle;
	height:145px;
	width:200px;
}
#product li .img a img{
	max-width:100%;
	max-height:145px;
}
#product li .caption {
	font-family:'RobotoMedium';
}
#product li{
	position: relative;
}
#product li:hover .hover{
	display: block;
}
#product li .hover{
	background: rgba(255,25,10,0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
#product li .hover span{
	position: relative;
	top: 45%;
	color: #333;
	font-size: 18px;
	border: 1px solid #fff;
	padding: 5px 10px;
	background: #fff;
}

#product li .caption h3 a{
	font-weight:normal;
	color:#242424;
	font-size: 13px;
}
#product li .caption h3{
	height:70px;
	width: 100%;
	float: left;
	overflow: hidden;
}
#product li .price{
	color:#ff0000
}




.nav-left{
	margin-bottom:15px;
	float:left;
	width:100%;
}
.nav-left h3{
	float:left;
	width:100%;
	padding-left:30px;
	background: url(../images/danh_muc.png) no-repeat;
    background-size: 100% 100%;
    line-height: 43px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 5px 5px 0px 0px;	
}

.nav-left ul.main{
	float:left;
	width:100%;
	border:solid 1px #e1e1e1
}
.nav-left ul.main li{
	float:left;
	position:relative;
	width:100%;
	border-bottom:solid 1px #e1e1e1;
}
.nav-left ul.main > li:last-child{
	border-bottom:none;
}
/*.nav-left ul.main > li.down:before{
	font-family:'FontAwesome';
	content:'\f105';
	position:absolute;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	right:5px;
    top: 3px;
	font-size: 16px;
	color:#818181
}*/
.nav-left ul.main > li a{
	font-weight: bolder;
	font-size:12px;
	text-transform:uppercase;
	/*font-family:'RobotoMedium';*/
	color:#383838;
	padding:10px 15px;
	display:block;
	width:100%;	
}
.nav-left ul.main > li i.fa{
	position: absolute;
	right: 6px;
	top: 4px;
	padding: 10px;
}
.nav-left ul.sub {
	position:relative;
	width:100%;
	z-index:20;
	background:#FFF;
	border-top:solid 1px #e1e1e1;
	overflow:hidden;
	display:none;

}
.option {
	/*-webkit-animation-duration: 2s;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: 5;*/
}
.nav-left ul.main > li.down:hover ul.sub{
	display: block;
}
.nav-left ul.sub li:last-child{
	border:none;
}
.nav-left ul.sub li a{
	padding-left:30px;
	font-weight: normal;
	text-transform: capitalize;
}
.nav-left ul.main > li:hover .sub{
	*display:block;
}

.nav-left a:hover{
	color:#F00 !important;
}

/* tin tuc home */
.list-news{
	float:left;
	width:100%;
	border:solid 1px #d2d2d2;
	margin-bottom:15px;
}
.list-news li{
	padding:10px 5px;
	background:url(../images/border.png) repeat-x left bottom 
}
.list-news li a{
	display:block;
	padding-left:15px;
	background:url(../images/list-news.png) no-repeat 0px 5px;
	font-family:'RobotoMedium';
	font-size:13px;
	color:#383838
}
.list-news li a:hover{
	color:#F00;
}
.list-news p{
	text-align:right;
	padding:10px;
}
.list-news p a{
	color:#ef2a2a;
	font-style:italic	
}


/* sroll adv */
.img-sroll{
	float:left;
	width:100%;
	overflow:hidden;
	height:390px;
	margin-bottom:15px;
	margin-top:5px;
}
.img-sroll #sroll-top img {
	width: 100%;
	margin: 0px;
	border: 0px;
	clear:both;
}

ul.visitor{
	float:left;
	width:100%;
	border:solid 1px #d2d2d2;
	padding:5px 0px;
}
ul.visitor li{
	padding:5px 10px;
}
ul.visitor li span{
	display:table-cell;
	vertical-align:middle;
}
ul.visitor li span:nth-child(1){
	width:120px;
	text-align:right;
}
ul.visitor li span:nth-child(2){
	padding:0px 30px;
}


#footer {
	background:#282828;
	color:#aaaaaa;
	overflow:hidden;
	padding:20px 0px;
	margin-top:30px;
	line-height:25px;
}
#footer .in-footer{
	width:1200px;
	margin:auto;
}
.in-footer .col1{
	float:left;
	width:500px;
}
.in-footer .col2{
	float:left;
	width:222px;
	margin-left:70px;
}
.in-footer .col3{
	float:right;
	text-align:right;
}
.in-footer h3{
	font-size:18px;
	font-weight:normal;
	font-family:'RobotoMedium';
	text-transform:uppercase;
	color:#FFF;
	margin-bottom:25px;
}
.in-footer a{
	color:#aaaaaa
}
.in-footer a:hover{
	color:#FFF;
}

.in-footer .link-out a i{
	display:inline-block;
	width:36px;
	height:33px;
	border:solid 1px #555555;
	text-align:center;
	line-height:33px;
	font-size:14px;
	margin:0px 2px;
}
.in-footer  .copyright {
	margin-top:20px;
}


.pdetail-img{
	float:left;
	width:47%;
	border:solid 1px #d0d0d0 
}
.pdetail-img img{
	width:100%;
}
.pdetail-info{
	float:right;
	width:50%;
}
.pdetail-info .list-info li{
	border-bottom:1px dotted #cccccc;
	padding:5px 10px;
}
.pdetail-info .list-info li:hover{
	color: #ef2a2a;
}
.pdetail-info .list-info li:last-child{
	border:none;
}

.pdetail-info .list-info > li > span{
	display:inline-block;
	width:120px;
	font-weight:bold;
}
.pdetail-info .list-info > li h4.titdes{
	margin-bottom:10px;
	margin-top:10px;
}

.pdetail-tab {
	float:left;
	width:100%;
	margin-top:15px;
}


ul.tabs{
	float:left;
	width:100%;
	margin-bottom:-1px
}
ul.tabs li{
	float:left;
	margin-right:10px;
	background:#DCDFE1;

	border:solid 1px #BDB7B7;
}
ul.tabs li a{
	color:#333;
	display:block;
	padding:5px 15px;
	font-weight:bold;	
}
ul.tabs li.active{
	background:#FFF;
	border-bottom: solid 1px #FFF;
}
.content-tab{
	padding:15px;
	border:solid 1px #BDB7B7
}

.content-tab img{
    max-width: 100%;
}

.title-relative{
	float: left;
    background: url(../images/bg_title.png) repeat-x;
    width: 100%;
    text-align: left;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
	padding-left:20px;
	margin-top:15px;
	
}
.content_tintuc_main .img{width: 20%; float: left;}
.content_tintuc_main .info{width: 80%;float: left;}
.content_tintuc_main .info .title_tintuc{width: 100%}





div.pagination {
	margin: 10px 0 0 0;
	padding: 10px;
	height: 1%;
	clear: both;
	overflow: hidden;
	float: right;
}
div.pagination ul.pagination li{list-style: none;float: left;background: #F00;margin-right: 2px;border:1px solid #F00;}
ul.pagination li a{color: #fff;padding: 5px;}
div.pagination ul.pagination li.active{background: #fff}
div.pagination ul.pagination li.active a{color: #F00}

/*
=================================================================
  BEGIN::PHONE RING VER 01
=================================================================
*/

.btn-call {
  position: fixed;
  bottom: 120px;
  left: 60px !important;
  z-index: 9999; }
@media all and (max-width: 480px) {
  .product .img {
    height: 200px; } }
.btn-call {
  position: fixed;
  bottom: 120px;
  left: 60px;
  z-index: 9999;
  transform: scale(0.9);
}

.btn-call span {
  display: block;
  font-size: 28px;
  width: 54px;
  height: 54px;
  margin: auto;
  border-radius: 50%;
  line-height: 57px;
  text-align: center;
  color: #fff;
  background: #c22c28;
  position: relative;
}

.btn-call span i {
  -webkit-animation-name: lac;
  animation-name: lac;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; 
  padding-top: 14px;
  padding-left: 2px;  
  }

.btn-call span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: solid 1px rgb(194, 44, 40);
  -webkit-animation-name: zoomin;
  animation-name: zoomin;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-call span:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 50%;
  background: rgb(212, 49, 45);
  z-index: -1;
  -webkit-animation-name: zoomout;
  animation-name: zoomout;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@keyframes lac {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg); }
  20% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg); }
  30% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg); }
  40% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-webkit-keyframes lac {
  0% {
    -webkit-transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(-25deg); }
  20% {
    -webkit-transform: rotate(25deg); }
  30% {
    -webkit-transform: rotate(-25deg); }
  40% {
    -webkit-transform: rotate(25deg); }
  50% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@keyframes zoomin {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    opacity: .1; } }
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2.2);
    opacity: .1; } }
@keyframes zoomout {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8; }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .3; } }
@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0.8; }
  100% {
    -webkit-transform: scale(1.1);
    opacity: .3; } }
@media all and (max-width: 991px) {
  .btn-call {
    top: auto;
    bottom: 100px;
    left: 20px; }
  .btn-call span {
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 42px; } }

    /*
=================================================================
  END::PHONE RING VER 01
=================================================================
*/