/* CSS Document */
*{
	margin:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0;
	font-family:HelvetIns;
	font-size:15px;
	margin:0 auto;
	background:#fff;
	text-align:justify;
	color:#535353;
	width: 100% !important;
}
body {overflow-x:hidden}
.banner_left{
    left: 5px;
    position: absolute;
   top: 160px;
    width: 181px;
    z-index: 99999;
	visibility: visible !important;
	
	
}

h1,h2,h3,h4,h5,h6{ 
	margin:0;
	padding:0;
	border:0;
	font-family:tahoma;
    font-size:15px;
	line-height:30px;
}
p, ul, li{
    line-height: 30px;
    margin: 0;
    padding: 0;
	list-style: none;
	
}
img {border:none;}
a {text-decoration:none;}
a{
	margin:0;
	padding:0;
	color: #078493;
	cursor: pointer;
}
a:hover{
	color:#006400;
}
session, nav, footer, article{overflow:hidden;}
/*--Start:mobile-menu--*/
.mobile-menu{
	top:0;
	left:-220px;
	position:absolute;
	width:220px;
	height:100%;
	z-index:999999;
	background:#fff;
}
.display-mobile{display:block !important;}
.mobile-menu > ul{ 
width:220px;
position:relative;
background:#fff;
}
.nodisplay{
	display:none;
}
.mobile-menu > ul > li > a{ 
color:#000;
height:auto;
text-align:center;
text-shadow: 1px 1px 1px #666;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}
.clear{clear:both;}
.mobile-menu > ul > li{
	min-height:50px;
	text-align:center;
	line-height:50px;
	background:url(../images/shadow.png) scroll repeat-y right center;
	clear:both;
	border-bottom:1px #bfbfbf dotted;
}
.mobile-menu > ul > li:last-child{border-bottom:none;}
.mobile-menu > ul > li:hover{background:#ffb400; color:#ffffff; }
.mobile-menu > ul > li li:hover{background:#FFFF99;display:block;color:#009aac; }
.mobile-menu > ul > li:nth-child(1){height:80px;}
.mobile-menu > ul > li:nth-child(1) a{height:80px;display:block; width:100%;}
.mobile-menu > ul > li:nth-child(1){border:none;} 
.mobile-menu > ul > li:nth-child(1){
	line-height:80px;	
}
.mobile-menu > ul.menu > li:nth-child(1), .mobile-menu > ul.menu > li:nth-child(1):hover a{
	line-height:80px;
	background:url(../images/home.png) scroll no-repeat center #009aac;
}
.mobile-menu > ul.categories > li:nth-child(1){
	line-height:80px;
	color:#fff;
	background:url(https://pknamkhoahanoi.com/public/frontend/images/icon_chuyenkhoa.png) no-repeat 8px center #009aac;
	padding-left:20px;
	font-size:20px;
	font-weight:500;
	text-transform:uppercase;
}
.mobile-menu > ul > li > ul > li{
	min-height:50px;
	line-height:50px;
	border-top:1px #bfbfbf dotted;
}
.mobile-menu > ul > li > ul > li a{font-size:14px;font-weight:800;text-transform:uppercase;color:#666;text-shadow: 1px 1px 1px #999;}
/*--End:mobile-menu--*/
.main {
  margin: 0 auto;
  max-width: 960px;
}
#toptop{line-height:40px;background:#3e3e3e;color:#fff;font-size:13px;}
#toptop .share{float:left;line-height:40px;padding-top:0;}
#toptop .share a{line-height:40px;margin-right:2px;position:relative;top:2px;}
#toptop .toptop-nav ul{height:48px}
#toptop .toptop-nav ul li{float:left;color:#fff;line-height:40px}
#toptop .toptop-nav ul li a{color:#fff;border-right:2px #fff solid}
#toptop .top-search{float:right;}
#toptop .top-search .input{border-bottom-left-radius:10px;border-top-left-radius:10px;border:none;min-width:200px; padding:4px 15px;}
#toptop .top-search .button{
	border:none;
	padding:2px;
	height:25px;
	width:40px; 
	background:url(../images/button_search.png) no-repeat left center;
	text-indent:-9999px;
	border-bottom-right-radius:10px;border-top-right-radius:10px;position:relative;left:-4px;
}
.logo-phone{width:98%;max-width:960px;margin:0 auto;}
.logo-phone img{float:left;white-space:nowrap;padding:20px 25px;}
.logo-phone span{float:left;white-space:nowrap;padding:0;color:#db5555;font-size:40px;}
.logo-phone img:nth-child(3){position:relative;}
#menu-top{
	clear:both;
	background:url(../images/menu_top.jpg) no-repeat center center;	
	z-index:9999;
	width:100%;
	min-height:49px;
	margin:0;
	
}
#menu-top .main{max-width:980px;}
#menu-top .main > ul > li{
	position:relative;
	white-space:nowrap;
	float:left;
	font-weight:bold;
	text-align:center;
	height:49px;
	display:inline-block;
	line-height:49px;
	padding:0 20px;
	left:-2px
}
#menu-top .main > ul > li > ul{
	position:absolute;
	z-index:99;
	left:0;
	top:49px;
	text-align:left;
	border:2px #06b2c8 solid;
	margin-left:-99999px;	
}
#menu-top .main > ul > li:nth-child(3) > ul{background:url(../images/bg_menu_top.jpg) no-repeat right bottom #fff;}
#menu-top .main > ul > li:nth-child(4) > ul{background:url(../images/bg_cosovatchat.png) no-repeat right bottom #fff;}
#menu-top .main > ul > li:nth-child(5) > ul{background:url(../images/bg_camnang.png) no-repeat right bottom #fff;}
#menu-top .main > ul > li > ul > li > ul > li{
	margin-top:2px;
	border-bottom:1px #c7c7c7 dotted; 
	float:none;padding:0;
}
#menu-top .main > ul > li > ul > li > ul > li:first-child{padding-top:6px;}
#menu-top .main > ul > li > ul a{
	height:26px;
	line-height:26px;
	padding-left:10px;
	display:block; 
	color:#535353;
	font-size:13px;
	font-weight:200;
	background:url(../images/icon_normal_topmenu.png) no-repeat 2px center;
}
#menu-top .main > ul > li > ul a:hover{
	background:url(../images/icon_hover_topmenu.png) no-repeat 10px center;
	padding-left:18px;
	color:#279711;
	transition:0.3s all ease;
}
#menu-top .main > ul > li > ul > li span{
	text-transform:uppercase;
	clear:both;
	display:block; 
	margin-left:10px;
	width:170px;
	font-size:14px;
	padding:0 0 0 0;
	
}
#menu-top .main > ul > li > ul > li > a, #menu-top .main > ul > li > ul > li > a:hover{background:none;padding:10px 0 5px 0;}
#menu-top .main > ul > li > ul > li:nth-child(1) span{color:#50a1cb;border-bottom:2px #50a1cb solid;}
#menu-top .main > ul > li > ul > li:nth-child(2) span{color:#f68593;border-bottom:2px #f68593 solid;}
#menu-top .main > ul > li > ul > li:nth-child(3) span{color:#5ccc63;border-bottom:2px #5ccc63 solid;}
#menu-top .main > ul > li > ul > li:nth-child(4) span{color:#ffab52;border-bottom:2px #ffab52 solid;}
#menu-top .main > ul > li > ul > li:nth-child(5){min-height:162px;}
#menu-top .main > ul > li > ul > li:nth-child(5) span{color:#b6c13b;border-bottom:2px #b6c13b solid;}
#menu-top .main > ul > li > ul > li:nth-child(6) span{color:#d980bb;border-bottom:2px #d980bb solid;}
#menu-top .main > ul > li > ul > li span:hover{opacity:0.7;}
#menu-top .main > ul > li a{color:#fff;font-size:15px;}
#menu-top .main > ul > li:hover{
	background:#06b2c8;
	transition:all 0.3s;
}
#menu-top .main > ul > li:nth-child(1){
	width:114px; 
	background:url(../images/trangchu.png) no-repeat center center;
}
#menu-top .main > ul > li:nth-child(1) a{color:#795900;padding-left:34px;}
#menu-top .main > ul > li:nth-child(1):hover{
	background:url(../images/trangchu.png) no-repeat  center center;
	transition:all 0.3s;
}
#menu-top .main > ul > li:nth-child(3){min-width:120px;}
#menu-top .main > ul > li:nth-child(3) > ul{width:400px;height:380px;left:0;}
#menu-top .main > ul > li:nth-child(3) > ul li{width:170px; float:left;margin:0px 10px;}
#menu-top .main > ul > li:nth-child(4) > ul{height:256px;width:528px;padding-top:20px;padding-left:20px;}
#menu-top .main > ul > li:nth-child(5) > ul{height:253px;width:527px;left:-160px;padding-top:20px;padding-left:20px;}
#menu-top .main > ul > li:nth-child(4) > ul li{
	width:170px;float:left;margin:0px 10px;	
}
#menu-top .main > ul > li:nth-child(5) > ul li{
	width:205px;float:left;margin:0px 10px;
	
}
#menu-top .main > ul > li:nth-child(4) > ul li a, #menu-top .main > ul > li:nth-child(5) > ul li a{
	text-transform:uppercase;font-weight:800;font-size:14px;padding:3px 0 3px 18px;	
	background:url(../images/arrow_normal_menutop.png) no-repeat 2px center;
}
#menu-top .main > ul > li:nth-child(4) > ul li a:hover, #menu-top .main > ul > li:nth-child(5) > ul li a:hover{
	padding:3px 0 3px 28px;	
	background:url(../images/arrow_hover_menutop.png) no-repeat 10px center;
}
#menu-top .main > ul > li:nth-child(4) > ul > li, #menu-top .main > ul > li:nth-child(5) > ul > li{
	margin-top:2px;
	border-bottom:1px #c7c7c7 dotted; 
	float:none;padding:0;
}
.search-icond{
	width:40px;
	height:30px;
	border-radius:8px 0 0px 8px;
	-moz-border-radius: 8px 0 0px 8px;
	-webkit-border-radius: 8px 0 0px 8px;
	background:url(https://pknamkhoahanoi.com/public/frontend/images/search.png) no-repeat center top #CCC !important;
	position:fixed;
	z-index:9999;
	text-align:center;
	padding-top:3px;
	right:0px;
	top:94px;
}
.search{
	height: 20px !important;
	position:fixed;
	top:98px;
	right:5px;
	z-index:9999;
	float: right;
}

/*========== contact =============*/

.lienhe2{margin-left:-99999px;display:none;
}
.lienhe2 li{float:left;padding:0 15px 0 10px;}
.lienhe {
  margin-left: 5px;
}
.lienhe > li {
  display: inline-block;
  padding: 5px 10px 0;
}
/* start: main-menu*/
#main-menu{height:170px; padding:0;margin:0;clear:both;background:#f4f4f4;}
#main-menu ul{width:100%;}
#main-menu ul li{
	position: relative;
	padding:0;margin:0;
	text-align:center;
	display: inline-block;
	width: 16.66%;
    float: left;
}
#main-menu ul li a{color:#101010;
}
#main-menu li div {
    list-style: none;	
    float: left;
    position: absolute;
	color:#211f13;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 9;
	margin-top:-99999px;
}
#main-menu li:hover > div {
}
#main-menu li div li{width:88%;margin:0 auto;float:none; text-align:center;}
#main-menu > ul > li{
	padding:30px 0 25px 0;	
}
#main-menu > ul > li:nth-child(1) a{background:url(../images/namkhoa.png) no-repeat center top;padding-top:90px;display:block;}
#main-menu > ul > li:nth-child(2) a{background:url(../images/phukhoa.png) no-repeat center top;padding-top:90px;display:block;}
#main-menu > ul > li:nth-child(3) a{background:url(../images/benhtri.png) no-repeat center top;padding-top:90px;display:block;}
#main-menu > ul > li:nth-child(4) a{background:url(../images/benhxahoi.png) no-repeat center top;padding-top:90px;display:block;}
#main-menu > ul > li:nth-child(5) a{background:url(../images/hoinach.png) no-repeat center top;padding-top:90px;display:block;}
#main-menu > ul > li:nth-child(6) a{background:url(../images/suckhoesinhsan.png) no-repeat center top;padding-top:90px;display:block;}
#main-menu > ul > li a{}
#main-menu > ul > li:hover > a{opacity:0.8;}
/* start: main-menu*/
session{padding:0;margin:0;}
article{
	margin:0;
	padding:20px 0;	
}
article h2{
}
article p{
}
article p, article span{
	width:auto;
	
}
.hidden{visibility:hidden;}

#content2{
	margin:0;
	padding:0;
}
#content2 .main{background:url(../images/bg_fix.jpg) no-repeat center 84%}
#content2 .div-title{
	font-size:20px;
	width:94%;
	margin:0 auto;
	text-align:left;
	color:#be7e33;
	padding:25px 0 25px 65px;
	margin-top:20px;
	text-transform:uppercase;
	background:url(../images/pic1.png) no-repeat left center, url(../images/line.jpg) no-repeat center bottom;
}
#content2 .left{	
	float:left;
	background:url(../images/dau.jpg) no-repeat #0d9fb1;
	background-position:20px 20px;
	padding:20px;
	margin-top:25px;
	text-indent:30px;
	font-size:15px;
	width:48%;
	line-height:23px;
	color:#fff;
}
#content2 .left p{padding:0;line-height:23px;}
#content2 .right{width:46%;text-align:center;float:right;margin:0 auto;padding-top:25px;}

#content3{
	padding:0;
	margin:0;
	height: 260px;
	background: url(../images/index_bg1.png) repeat, url(../images/bg_3.jpg) no-repeat center center fixed; 
	background-size: 2px 2px,100%; 
}
#content3 h2{
	padding-top:55px;
	color:#fff; 
	font-size:30px;
	text-shadow: 1px 1px #999999; 
	text-align:center;
	font-weight:300px;
	line-height:30px;
	text-transform:uppercase;
	width:90%;
	margin:0 auto;
}
#content3 p{font-size:20px;color:#fff;text-align:center;text-transform:uppercase;line-height:30px;padding-top:10px;}
#content3 img{margin-bottom:10px;}
#content3 .registration{text-align:center;margin:0 auto;clear:both;padding:25px 5px;}

#content4{
	margin:0;
	padding:0;
}
#content4 h3{
	font-size:20px;
	width:90%;
	margin:0 auto;
	text-align:left;
	color:#be7e33;
	padding:25px 0 25px 65px;
	margin-top:20px;
	text-transform:uppercase;
	background:url(../images/pic3.png) no-repeat left center, url(../images/line.jpg) no-repeat center bottom;
}
#content4 h3.calendar{background:url(../images/pic9.jpg) no-repeat left center, url(../images/line.jpg) no-repeat center bottom;}
#content4 .equipment{width:94%;padding:2%; margin:20px auto;background:#0d9fb1;clear:both;}
#content4 .equipment .pic{width:24%; float:left;text-align:center;}
#content4 .equipment .pic img{width:98%;max-width:222px; margin:0 auto;}
#content4  .equipment .details{width:74%;padding:0;margin:0;  float:right;color:#fff;}
#content4  .equipment .details p.title-details{text-transform:uppercase;color:#f9ff9b;font-weight:800;}
#content4  .equipment .details p:nth-child(2){margin:20px 0 20px 0;}
#content4 .left{	
	width:46%;
	background:#eeeeee;
	margin-bottom:10px;
	margin-left:1%;
	float:left;
	clear:both;
	padding:1% 1% 25px 1%;
}
#content4 .right{
	background:#eeeeee;
	margin-bottom:20px;
	width:46%;
	margin-right:1%; 
	float:right;
	padding:1% 1% 25px 1%;
}
#content4 .left p, #content4 .right p{margin:20px 5px 0 5px;}
#content4 p.uuthe{color:#666666;font-size:18px;text-align:center;line-height:30px;text-transform:uppercase;}
#content4 .left img,#content4 .right img{float:left;margin:25px 12px 0 12px}	
#content4 .hen{width:40%;float:left;text-align:center;padding:25px 0 0px 1%;}
#content4 .vs{width:18%;float:left;text-align:center;padding-top:185px;}
#content4 .ko-hen{width:40%;float:right;text-align:center;padding:25px 1% 0px 0;}
	
#content5{
	margin-top: 30px; 
	background: url(../images/bg_2.png), url(../images/bg_4.jpg) center center no-repeat fixed; 
}
#content5 .online, #content5 .henkham, #content5 .toikham{
	width:23.33%;
	float:left;
	text-align:center;
	margin:0 auto;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
}
#content5 .online{background:url(../images/icon1.png) no-repeat 10% 45px;padding:40px 0 15px 90px;}
#content5 .henkham{background:url(../images/icon2.png) no-repeat 12% 45px;padding:40px 0 15px 85px}
#content5 .toikham{background:url(../images/icon3.png) no-repeat 10% 45px;padding:40px 0 15px 90px}
#content5 p{width:85%;text-align:left;padding-left:10%;line-height:20px;}
#content5 p.numb{font-size:40px;line-height:35px;padding-bottom:5px;}
#content5 .registration{text-align:center;margin:0 auto;clear:both;padding:25px 5px;}

#content6 {margin:0; padding:0;}
#content6 h3{
	font-size:20px;
	width:90%;
	margin:0 auto;
	text-align:left;
	color:#be7e33;
	padding:25px 0 25px 65px;
	margin-top:20px;
	text-transform:uppercase;
	background:url(../images/pic12.png) no-repeat left center, url(../images/line.jpg) no-repeat center bottom;
}
#content6 .choose {
	width:98%;margin:0 auto;padding:5px 2px;text-align:center;;
}
#content6 .col1, #content6 .col2, #content6 .col3, #content6 .col4 {width:25%;float:left;padding:25px 0}
#content6 .title-col{width:88%;margin:0 auto;background:#0d9fb1;padding:20px 1%;color:#fff;text-transform:uppercase;}
#content6 p{
	width:80%;
	min-height:292px; 
	background:#eeeeee; 
	color:#535353;
	line-height:23px;
	margin:0 auto;
	padding:20px 5% 25px 5%; 
	font-size:14px;
	text-align:justify;
	margin: 0 auto;
	clear:both;
}

.category-list{
	margin:0;
	padding:0;
}
.mobile-menu .category-list{ background: url(../images/shadow.png) scroll repeat-y right center #fff;}
.category-list .category-title{
	background:url(../images/page/line_bottom.png) repeat center center;
	font-size:15px;
	margin:0;
	text-align:center;
	width:100%;max-width:234px;margin:0 auto;
	text-transform:uppercase;
	display:block;
	border:1px #e9e9e9 solid;
}
.category-list .category-title h3{line-height:20px;padding:12px 0;}
.category-list .category-title > span{
	clear:both;
	position:relative;
	display:block; 
	padding:10px 10px 10px 45px;
	text-align:left;
	color:#101010;
	background:url(../images/page/icon_active_menuleft.png.png) no-repeat 10px center;
}
.category-list .category-title.active > span,#side_bar .category-list .category-title > span:hover{
	background:url(../images/page/icon_normal_menuleft.png.png) no-repeat 10px center;color:#4c9f15;
	margin-left:0px;
}
.category-list .list{
	margin:0;padding:10px 0 10px 0;
}
.category-list > ul{
	width:100%;max-width:234px;
	margin:0 auto;
	background:url(../images/page/bg_right_menuleft.png) repeat-y right center;
	overflow:hidden;
}
.mobile-menu .category-list > ul{padding-top:10px}
.category-list > ul > li ul{
	padding:0;margin:0;
	width:100%;
	max-width:241px;
	
}
.category-list > ul > li{margin-bottom:10px;}
.category-list > ul > li li{
	width:88%;
	overflow:hidden;
	margin:0 auto; 
	padding:0 0;
	border-bottom:1px #ababab dashed;
	min-height:30px;
	line-height:30px;
	padding:5px 0;
	
}
.category-list .list >  ul > li  a{
	background:url(../images/page/icon2_menuleft.png) no-repeat 10px center;
	white-space:nowrap;
	padding: 5px 5px 5px 25px;
	color:#101010;
}
.category-list .list > ul > li a:hover{
	margin-left:10px;
	background:url(../images/page/icon2_hover_menuleft.png) no-repeat 10px center;
	color:#c94c4c;
	transition:all 0.3s;
}
.category-list .list > ul > li a.active{
	margin-left:10px;
	background:url(../images/page/icon2_hover_menuleft.png) no-repeat 10px center;
	color:#c94c4c;
}
.mobile-menu .dieutri{
	background:#009aac;
	text-align:left;
	font-size:24px;
	text-transform:uppercase;
	color:#fff;
	font-weight:800;
}
.mobile-menu .dieutri span{background:url(../images/icon_moblie.png) no-repeat 15px center;display:block;padding:20px 5px 20px 70px}
#box-comment{width:100%;margin:0;padding:25px 0;background:url(../images/phukhoa/line_2.jpg) repeat-x top center #f4f4f4;}
#box-comment .main{width:96%;max-width:950px;}
#box-comment .average{width:22%; float:left;}
#box-comment .head-average{min-height:72px; background:#4994df;text-align:center;text-transform:uppercase;color:#fff;padding:15px 0;line-height:25px;}
#box-comment .head-average p:nth-child(1){font-size:15px;font-weight:800;}
#box-comment .head-average p:nth-child(2){font-size:13px;}
#box-comment .head-average p:nth-child(3){color:#fffcb4;font-size:22px;line-height:30px;font-weight:800;}
#box-comment .body-average{background:#77afe6;margin-top:7px;padding:10px 0 20px 0;}
#box-comment .body-average p{
	background: url(../images/icon_danhgia.jpg) no-repeat left center;
	width:75%;margin:0 auto; 
	color:#fff;font-size:15px;
	padding:20px 0 20px 23px;
	border-bottom:1px #fff dotted;
}
#box-comment .vote{width:75%; float:right;}
#box-comment .vote ul li{float:left;}
#box-comment .button-vote ul li{width:20%; float:left;display:inline-block;}
#box-comment .button-vote ul li a{width:100%;height:100px; display:block !important;}
#box-comment .button-vote ul li img{width:100%;}
.comment{clear:both; height:500px;overflow:scroll;border:1px #ccc solid;padding:10px 0;margin-top:3px;}
.comment .form-comment{width:96%;margin:0 auto;padding:10px 0 5px 0;}
.comment .alert{width:96%;margin:0 auto;padding:10px 0;font-size:18px;}
.comment .alert-error{color:#F00;}
.comment .alert-success{color:#3c763d;}
.comment .group{clear:both;padding:5px 0;}
.comment .group input{padding:2px 5px;}
.comment .group input.captcha{padding:5px 5px;font-size:20px; margin-right:10px; float:left;width:100px;color:#bd8c88;margin:5px 10px 5px 0;}
#wordcapcha{width:130px;float:left;margin:5px 0;}
.comment .group textarea{padding:2px 5px;min-width:450px;max-width:100%; min-height:120px;line-height:20px;}
.comment label{width:90px;float:left;}
.comment .error{color:#F33;font-size:12px;padding-left:90px;}
.comment .btn-submit{float:left;background:#ff9600;padding:5px 15px;font-size:15px; color:#fff;border:none;border-radius:5px;text-transform:uppercase;margin-bottom:20px;}
.comment .point{margin-left:-9999px;}
.comment .ratings{float:left;padding-top:3px;}
.comment .ratings li{width:12px;height:12px; background:url(../images/sao_normal.png) no-repeat bottom center;margin-right:2px;}
.comment .ratings li:hover{background:url(../images/sao_active.png) no-repeat bottom center;position:relative; z-index:9;}
.comment .ratings li.vote-active, .comment .ratings li.vote-active2{background:url(../images/sao_active.png) no-repeat bottom center;}
.list-comment{width:96%;margin:0 auto;}
.comment_arrow{clear:both;padding:15px 0;border-bottom:1px #CCCCCC dotted;}
.comment_arrow:last-child{border:none;}
.comment_arrow .one-star{background:url(../images/1sao.png) no-repeat right center;width:150px}
.comment_arrow .two-star{background:url(../images/2sao.png) no-repeat right center;width:150px}
.comment_arrow .three-star{background:url(../images/3sao.png) no-repeat right center;width:150px}
.comment_arrow .four-star{background:url(../images/4sao.png) no-repeat right center;width:150px}
.comment_arrow .five-star{background:url(../images/5sao.png) no-repeat right center;width:150px}
.comment_arrow .name-comment{color:#f57e8d;width:200px;}
.comment_arrow p:first-letter{
	text-transform:uppercase;
}
#pagination-comment{margin-top:20px;clear:both;text-align:center;font-weight:600;margin-bottom:20px;}
#pagination-comment a{border-left:1px #535353 solid;text-align:center;margin:0 !important; padding:0;padding:3px 9px 3px 12px;color:#535353;}
#pagination-comment a:first-child{border:none;}
#pagination-comment a:hover{color:#ff9600;}
#pagination-comment strong{border-left:1px #535353 solid;padding:3px 9px 3px 12px;margin:0;color:#ff9600;}
#pagination-comment strong:first-child{border:none;}
#commentForm .refresh{
	background:url(../images/refresh_captcha.png) no-repeat center center;
	width:19px;
	height:16px;
	display:block;
	float:left;
	position:relative;
	top:10px;
	cursor:pointer;
}

/* footer */
footer{
	width:100%;
	
}
.footerbg1{
	background:#009aac;
	border-top:8px #3cbece solid;
	width:100%;
	padding:10px 0px;
	margin:0;
	overflow:hidden;
}
.footerbg1 .col{
	width:22%;
	margin:1%;
	float:left;
	text-align:center; 
	background:url(../images/page/bg_shadow.png) no-repeat left center;
	padding-left:1%;
}
.footerbg1 a:first-child .col{background:none;clear:both;}
.footerbg2{background:url(../images/page/bg_shadow2.jpg) repeat-x top center #00667b}

.footerbg2 .left-footer{width:40%;padding:1%; float:left;color:#fff;}
.footerbg2 .contact{padding:20px 0 10px 0;overflow:hidden}
.footerbg2 .contact .top{width:350px;float:left;text-transform:uppercase;font-weight:800;font-size:20px;}
.footerbg2 .contact .line{width:298px;float:left; height:30px;background:url(../images/page/line.jpg) repeat-x center}
.footerbg2 .register{padding:10px 0 20px 0;overflow:hidden}
.footerbg2 .register .top{width:135px;float:left;text-transform:uppercase;font-weight:800;}
.footerbg2 .register .line{width:245px;float:left; height:30px;background:url(../images/page/line.jpg) repeat-x center}
.row-form{padding:5px 0;}
.row-form label{
	width:140px;
	text-transform:uppercase;
	display:block;
	float:left;
	background:url(../images/page/bullet.png) no-repeat 5px center;
	padding-left:20px;
}
.row-form input{  box-shadow: 2px 3px 9px -4px #000 inset;padding:3px 10px;min-width:196px; }
.row-form select{padding:3px 0;box-shadow: 2px 3px 9px -4px #000 inset;margin-right:10px;border-radius:3px;-webkit-border-radius:3px;}
.row-form .error{color:red;font-size:12px;}
.btn-register{
	background:#ffde5c;text-transform:uppercase;font-size:13px;font-weight:700;
	float:right;
	padding:8px 15px;
	border:none;
	border-radius:3px;-webkit-border-radius:3px;
	margin-top:10px;
}
.footerbg2 .map {
  width: 58%;
  float:right;
  text-align:center;
  padding:25px 0;
}
.footerbg2 .map  p{color:#fff;text-align:center;padding:10px 0 0 0;}


.luuy {
	padding: 25px 0 5px 0;
	clear:both;
  color: #FFFFFF;
  margin:auto 15px;
  font-size: 13px;
  text-align:center;
  padding-bottom: 22px;
}
.copyright {
  text-transform:uppercase;
  margin: 0 auto;
  text-align: center;
  max-width: 960px;
  clear:both;
  padding: 15px 5px 0 5px;
}
.copyright a{color:#e86c6c}
.copyright a:hover{color:#69F}
.tuvan a:hover, #tuvan a:hover{
  animation-name: scale;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: scale;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes scale {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.8);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes scale {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.8);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}
.btn_menu{
	position:absolute;
	float:left;
	z-index:9999;
	left:0;
	background:#feba00;
	background-size:90%;
	height:70px;
	width:52px;
	padding:13px 10px 10px 10px;
}
#htop{display:none; background:#009aac;height: 60px;z-index:99999;width:100%;margin-right:40px;position:fixed;top:0;}
#htop2{display:none; background:#009aac;height: 93px;position:fixed;top:0;z-index:9; width:100%;margin-right:40px;}
#htop2 .logo{
	margin:0 auto;
	height:64px;
	width:100%; 
 	text-align:center;
	padding:14px 15px 0 0; 
 }
#error404{min-height:308px;text-align:center;width:98%;
margin:0 auto;}
#error404 .title404{
	background:url(https://pknamkhoahanoi.com/public/frontend/images/bg_404.gif) no-repeat top center;
	font-size:25px;
	color:#ad013a;
	margin-top:20px;
	padding-top:35px;
	clear:both;
	text-align:center;
	line-height:35px;
}
#error404 .homeclick{margin-top:10px;line-height:25px;font-size:18px;}
#error404 .homeclick a{color:#36F}
#error404 .homeclick a:hover{text-decoration:underline;color:#69F}
#error404 ul li{display:inline-block;padding:5px 10px;margin:2px; background:#F63;color:#fff;}
#error404 ul li a{color:#fff;}
#error404 p{font-size:15px;line-height:25px;margin-top:5px;}
.search404{margin:0 auto;padding-bottom:20px;}
.search404 input{margin-top:5px; padding:2px 10px;}

.dangphai {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0 , 0 , 0 , 0.8);
}
.dangphai .in{
	width:90%;max-width:504px;
	position:relative;
	background: url(../images/bg_lienhe.jpg) repeat-y scroll center top #fff;
	background-size:100%;
	margin:0 auto;
}
.dangphai img#close {
  position: absolute;
  right: -14px;
  top: -14px;
  cursor: pointer;
}
.dangphai .upb {
	float: left;
	font-size: 18px;
	text-transform:uppercase;
	font-weight:700;
	margin: 15px 0 0;
	text-align: center;
	width: 100%;
}
.dangphai p {
	width:80%;margin:0 auto;
	color: #5d5d5d;
	text-align: center;
}
.dangphai input, .dangphai textarea {
  background: #eaeaea;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 16px;
  height: 32px;
  margin: 0 4%;
  padding: 10px;
  width: 91%;
}
.dangphai textarea {height:100px;}
.dangphai form > div {
  margin: 10px 13px;
}
.captcha > input {
  width: 50%;
}
.imcapt {
  position: relative;
  top: 7px;
}
.dangphai input.gui {
  background: #5c9a69;
  border: medium none;
  color: #fff;
  font-weight: bold;
  height: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size:19px;
  cursor: pointer;
}
#popupContact{
padding-top:5%;
z-index:99999;
}
.dangphai .error{color:red;margin-left:20px;font-size:13px;}
.thongbao-lienhe, .thongbao-lienhe1{clear:both;margin:0 auto;}
.loading{
	background:url(../images/loader.gif) no-repeat top center;
	display:block;
	text-align:center;
	width:24px;height:24px;background-size:100%;}
@media screen and (max-width:1024px) {
	.main{width:100%;margin:0 auto;}
	.banner_left{display:none;}
	#contact {
	overflow: hidden;
	max-height: 39px;
	margin: 0 auto;
	text-align: center;
	z-index: 99;
	}
	#content5 .online, #content5 .henkham{width:50%;max-width:252px;margin:0 auto;}
	#content5 .toikham{width:96%;max-width:252px; clear:both;float:none;margin:0 auto;}
}
@media screen and (max-width:800px) {
	#menu-top{
display:none;
}
.menu-space{margin-top:60px !important;}
.lienhe2{margin-left:-0;
}
#toptop{display:none;}
.toptop-nav{margin-left:-9999px;}
#toptop .top-search{margin-left:-9999px;}
.logo-phone{display:none;}
#htop{display:block;position:fixed;top:0;}
#htop2{display:block;position:fixed;top:0;height: 60px;z-index:99999;width:100%;margin-right:40px;top:0;}
#htop .logo,#htop2 .logo{
	height:50px;
	float:right;
	text-align:center;
	width:100%;
	padding:5px 0 0 0; 
 }
#htop .logo img, #htop2 .logo img{height:100%;}
.btn_menu{
	height:44px;
	width:40px;
	padding:6px 10px 10px 10px;
}
.btn_menu img{width:100%}
#main-menu ul li{width:33.3%;}
.category-list .category-title h3{line-height:20px;padding:0;}
#content2 .left{width:88%;padding:20px; margin:0 auto;float:none;margin-top:20px;}
#content2 .right{width:96%;float:none;margin:0 auto;}
#content4 h3{width:90%;max-width:450px;margin:0 auto;}
#content4 .equipment .pic, #content4 .equipment .details{
	width:96%;float:none;max-width:460px; margin:20px auto;	
}
#content4 .title-details{text-align:center;}
#content4 .left, #content4 .right{width:96%;max-width:450px; margin:0 auto;float:none;margin-top:20px;}
#content4 p{margin: 5px 5px 0 5px;}
#content4 .left img, #content4 .right img {
float: left;
margin: 10px 15px 0 5px;
}
#content4 .hen, #content4 .vs, #content4 .ko-hen {
width: 96%;
float: none;
margin:0 auto;
text-align: center;
padding: 25px 0 0 0;
}
#content6 .col1, #content6 .col2, #content6 .col3, #content6 .col4{width:96%;margin:0 auto;}
#content6 p{min-height:100px;}
#box-comment .average{display:none;}
#box-comment .vote{width:100%;}
section{
	width:100%;
	margin:0 auto;
}
.footerbg1 .col{
	width:47%;
	padding:10px 0;
}
.footerbg1 a:nth-child(3) .col{background:none;}
.footerbg2 .contact .line, .footerbg2 .register .line {
  width: 100%;
  }
.footerbg2 .left-footer{width:96%;padding:1%;max-width:320px;  float:none;margin:0 auto;}
.footerbg2 .contact span {
  font-size: 20px;
  clear:both;display:block;font-size:18px;
  margin-bottom:15px;
  font-weight: 800;
}
.dangphai form > div {
  margin: 6px 13px;
}
.dangphai textarea{padding:5px;height:50px;}
.dangphai input{padding:5px;height:24px;}
.dangphai input.gui {
  margin-bottom: 12px;
}
.row-form input{  min-width: 96%;}
.row-form select{margin-left:-8px;}
.footerbg2 .map {
  width: 92%;
  float:none;
  max-width:450px;
  margin:0 auto;
}
}	
@media screen and (max-width:680px) {	
* {max-width:100%;margin:0;padding:0;}
#content5 .toikham, #content5 .online, #content5 .henkham{width:96%;max-width:252px; clear:both;float:none;margin:0 auto;}
.copyright {
  margin: auto;
  padding: 10px;
  width: 96%;
}
}
@media screen and (max-width:480px) {
	#htop2 .logo{
		width:80%;
		height:45px;
		padding:6px 15px 0 0; 
	 }
	 .footerbg1 .col{
		width:97%;
		float:none;
		background:none;
	}
}
@media screen and (max-width:414px) {

}
@media screen and (max-width:384px) {
}


@media screen and (max-width:375px) {
	#htop2 .logo{
		padding:7px 10px 0 0; 
	 }
}
.new-article{margin:0;padding:0}
.new-article h3 {
    background: rgba(0, 0, 0, 0) url("../images/page/icon_baivietlienquan.jpg") no-repeat scroll 2px center;
    border-bottom: 3px solid #be7e33;
    color: rgba(96, 96, 96, 1);
    display: block;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    margin: auto auto 20px;
    width: 92%;
    min-height: 25px;
    padding: 5px 5px 5px 35px;
    text-align: left;
    text-transform: uppercase;
}
.new-article li{width:46%;margin:0 2%;float:left;min-height:96px;}
.new-article h4{padding:0 0 5px;height:22px;overflow:hidden;text-align:left;}
.new-article h4 a{color:#00667b}
.new-article h4 a:hover{color:#387c13}
.new-article .news-details > p{font-size:85%;line-height:16px;}
.new-article .news-img{margin-right:5px;}
@media screen and (max-width:800px) {
.new-article li	{width:92%;float:none;margin:0 auto}
}
.banner_left_sdt{position:fixed;top:100px; left:5px;z-index:999999;visibility:visible !important}
#form_left_input{width:100%;text-align:center;position:absolute;top:70px;}
#form_left_input input{width:90%;margin:0 auto;padding:6px 4px;box-sizing:border-box;border-radius:6px;border:1px #dddbd7 solid;}
#form_left_input button {
    background-color: #ff6363;
    border: medium none;
    outline: medium none;
    padding: 3px 6px;
	margin:4px 0 0;
	font-size:14px;
    border-radius: 5px;
    border: 3px solid #fff4d2;
    box-shadow: none;
    color: #fff;
    font-weight: bold;
    width: 48px;
	cursor:pointer;
}
.blink_pulse {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
#form_left_input ::-webkit-input-placeholder {
  color: #c3c3c3;
  font-size:13px;
}
#form_left_input ::-moz-placeholder {
  color: #c3c3c3;font-size:13px;
}
#form_left_input :-moz-placeholder { 
  color: #c3c3c3;font-size:13px;
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
	background-color:#ff6363;
	color:#fff;
	border:3px solid #ffba00
  }

  75% {
    -webkit-transform: scale(1);
    transform: scale(1);
	background-color:#ff6363;
	color:#fff;
	border:3px solid #fff;
  }
}
@media screen and (max-width:800px) {
	#form_left_input, .banner_left_sdt{display:none !important;}
}
#LRMINIBar.LR_Mini_ICON {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(68, 181, 215, 0.7);
    border-radius: 50%;
    cursor: pointer;
    -webkit-animation: pulseth 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulseth 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulseth 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulseth 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulseth {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulseth {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulseth {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulseth {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}