/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
}
body {
	
    color:#000;
    font-family:Arial;
    font-size: 12px;
	background-size: 100%;
}
ul li{
	list-style:none;
}
a{text-decoration:none;color:#000;}
.phantrang { text-align: center; width:100%; float:left; margin-bottom:10px;padding-left:0px;padding-top:10px;}
.phantrang a{ width:25px; height:25px; margin:2px; background:#CCC; color:#fff; padding:3px 8px;}
.phantrang span{ width:25px; height:25px; margin:3px; background:#1299d4; color:#fff; padding:3px 8px;}
.phantrang li{list-style:none; float:left;}
.clear{
	clear:both;
}
.seo-optimate{overflow:hidden; height: 0px; visibility: hidden;}


.danhmuc{
	line-height:32px;
	width:210px;
	background:url(../images/danhmuc.png) left top repeat-x;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
    color:#ffffff;
}
.danhmuc p {
    padding-left: 10px;
}
div.title{
	width:800px;
	line-height:32px;
	background:url(../images/cat_right.jpg) repeat-x;
	text-transform:uppercase;
	font-size:16px;
    color: #000;
	font-weight:bold;
}
div.title span{
    padding-left: 20px;
}
#wrapper{
	margin:0 auto;
	width:1100px;
	min-height:300px;
	/*background:#91c8f1;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;*/
}

#header{margin:0 auto;width:1100px;}
	
	#menu_m{
		width:1100px;
		line-height:39px;
		/*background:url(../images/menu.png) left top no-repeat;*/
		background:#2183c4;
		position:relative;
		margin: 0 auto;
		height:40px;
		/*border-radius:5px 5px 0px 0px;*/
        
	}
	
	#menu_m ul.menu_cp{width:850px;height:40px;float:left;}
	
	
		#menu_m ul li{
				float:left;		
				/*padding: 0 1px;*/
				border-right:#1286e0 1px solid;
		}
		#menu_m li a{
		  font-family: Arial;
			color:#ffffff;
			font-weight:bold;
			padding: 10px 20px;
			font-size:13px;
			white-space:nowrap;
			text-transform:uppercase;
		}
        #menu_m ul li a.trangchumau{
            padding-left: 30px;
           
            color: #fff600;
			padding:10px 20px;
        }
		#menu_m li a:hover{
			background:url(../images/menu_hover.png);
			background-size:100% 100%;
            color: #fff600;
			padding: 10px 20px;
			white-space:nowrap;
		}
		#menu_m .act a{
			background:url(../images/menu_m_act.png);
			background-size:100% 100%;
			padding:10px 20px;
		}	
		#chay_ngang{
		  font-family: Arial;
          font-size: 12px;
          color:#484949;
          background: #e3e4e6;
          width: 1000px;
          height: 30px;
            text-transform: uppercase;
            font-weight: bold;
          
		}
        #chay_ngang p{
            line-height:27px ;
        }
        #chay_ngang a{
            
            color:#025886;
        }
		
		
		#slider_m{
			width:1100px;
			background:#fff;
			min-height:420px;
            margin:0 auto;
			margin-top:10px;
            
		}
		#contain_m{
			width:1100px;
			min-height:500px;			
         	margin:0 auto;
			margin-top:50px;
			
		}
			#left{
				margin:0 auto;
				width:1100px;
				min-height:300px;
				
                color: #f5f4f4;
                
                -webkit-box-shadow: 1px;
                
                box-shadow: 1px;
				font-family: Arial;
                
                font-size: 12px;
				overflow:hidden;
			}
				#menudoc{margin-bottom:10px;}
				#menudoc li{position:relative;width:160px; padding: 0 20px;}
                #menudoc li a{font-family: Arial; font-size: 12px; font-weight: bold; display:block;padding:5px 0;margin-left:10px;color: #5b5b5b;}
                #menudoc li span{background: url(../images/icon_danhmuc.png);position:absolute;top:10px;width: 4px; height: 6px;}
                #menudoc li a:hover{color:#018ad8; font-family: Arial; font-size: 12px; font-weight: bold;}
				#menudoc li ul{position:absolute; display:none;top: 0;left:100%; background: #f5f4f4;}
				#menudoc li:hover>ul{display:block;}
				#doitac{width: 210px; height: 213px;}
                #doitac img {width: 210px; height: 213px; -webkit-box-shadow: 1px; box-shadow: 1px;}
                #phone{padding: 15px 15px 0px 10px;}
            	#phone1{float: left;}
                #phone2 { float:right;font-size: 20px; color:#ff0000; font-weight: bold;}
     
   
    #hotro #support-list {
        padding-top: 10px;
        color: #393838;
        font-size: 12px;
        padding-left: 10px;
        font-family: arial;
           }
    #hotro #support-list li{
   height: 50px;
        
    }
    #hotro #support-list li p{
        margin-top: 5px;
        
    }
    .lefticon{
        padding: 15px;
        font-family: Arial; 
        font-size:13px; 
        font-weight: bold;
        color: #018ad8;
    }
    .lefticon img{
        float: left;
    }
    .lefticon span{
        float: right;
        margin-right: 25px;
        margin-top: 10px;
      
    }
    #contain{
				width:290px;
				min-height:100px;
				float:left;
				overflow:hidden;
				background:#ffdf8c;
				padding:10px;
				border-radius:5px;
			}
				#con_left{
					width:761px;
					min-height:400px;
					float:left;
					margin-left:10px;
				}
			/*	#con_right{
					width:200px;
					min-height:300px;
					float:left;
					
				}*/
					/*.sp{
						width:260px;
						height:260px;
						float:left;
						margin:10px 10px;
					}*/
					.sp {
						width: 181px;
						/*height: 235px;*/
						height:213px;
						float: left;
                        border: #f4f4f4 double 1px;
						margin: 5px 3px;
						}
					.sp_info{
						background:#ebeaea;
						/*height:80px;*/
						height:90px;
					}
						.sp_ten{
							width:250px;
							padding-left:10px;
						}
                        
						.sp_ten a{
							line-height:30px;
							text-transform:uppercase;
							font-size:13px;
							color:#F00;
							font-weight:bold;
						}
						.sp_gia1{
							line-height:10px;
							width:200px;
							font-weight:bold;
							font-size:13px;
							float:left;
							padding-left:10px;
							color:#50504f;
							text-decoration:line-through;
						}
						.sp_gia{
							line-height:30px;
							width:200px;
							font-weight:bold;
							font-size:13px;
							float:left;
							padding-left:10px;
							color:#50504f;
						}
						.sp_chitiet{
							line-height:10px;
							width:50px;
							float:left;
							padding-left:10px;
						}
						.sp_chitiet a{
							font-size:13px;
							font-weight:bold;
							color:#50504f;
						}
		
		
		#footer{
			width:1100px;
			margin:0 auto;
			min-height:100px;
			background:#2183c4;
			margin-top:20px;
		}

 .camera_wrap .camera_azure_skin{
	 display: block; margin-bottom: 56px; height: 285px !important;
 }
 #camera_wrap_1
 {
	  display: block; margin-bottom: 56px; height: 285px !important;
 }
 .dm_pro{float:left;width:280px;-webkit-box-shadow:10px 10px 5px #888888;box-shadow:10px 10px 5px #888888;}
.dm_pro > ul > li{list-style-type:none;padding:5px 0px;}
.dm_pro > ul > li > a{font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:14px; text-transform:uppercase;}
.dm_pro > ul > li > ul > li{margin-left:10px; list-style-type:none;padding:5px 0px;}
#bao_title{background:#CCC;height:30px;width:1000px;padding:6px 0px 0px 6px;margin-bottom:10px;}
#bao_title1{background:#CCC;height:30px;width:730px;padding:6px 0px 0px 6px;margin-bottom:10px;}
#bao_title2{background:url(../images/cat_right.jpg);line-height:30px;;width:280px;padding:6px 0px 0px 6px;margin-bottom:10px;}

ul.sub{display:none;position:absolute;width:250px;z-index:99999999;background:#000;}
ul.menu_cp li.t1:hover ul.sub {
 display: block;
 color:#fff;
  }
ul.menu_cp li.t1 ul li.t2{line-height:20px;width:250px;background:#0167b7;border-bottom:1px #f4f4f4 solid;list-style-type:none;padding:5px 0px 0px 5px;} 
ul.menu_cp li.t1 ul li.t2 a{background:none !important;white-space:normal !important;padding:0px !important;margin:0px !important;}

/*New Style*/
.hotline{color: #f00; font-size: 20px; font-weight: 600}
.footer-content{color: #fff;}
.footer-info{color: #fff; font-size: 13px;}
.footer-info i.fa{width: 15px;}
.footer-socials{margin-top: 15px;}
.footer-socials li{display: inline-block; margin-right: 15px; font-size: 24px;}
.footer-socials li:last-child{margin-right: 0}
.footer-socials li a{color: #fff; display: block; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.footer-socials li a i.fa.fa-facebook:hover {
    color: #3b5998;
}
.footer-socials li a i.fa.fa-twitter:hover {
    color: #00aced;
}
.footer-socials li a i.fa.fa-dribbble:hover {
    color: #f7679a;
}
.footer-socials li a i.fa.fa-pinterest:hover {
    color: #cb2027;
}
.footer-socials li a i.fa.fa-instagram:hover {
    color: #8a3ab9;
}
.footer-socials li a i.fa.fa-google-plus:hover {
    color: #dd4a40;
}
.footer-socials li a i.fa.fa-youtube:hover {
    color: #222;
}