#messagewindow 
{
	height: 250px;
	border: 1px solid;
	padding: 5px;
	overflow: auto;
}
.binh_luan
{
	padding:10px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	position:relative;
	min-height:10px;
	width:540px;
}

.btn_add_comment
{
	width:110px;
	height:16px;
	line-height:16px;
	color:#000;
	background:url(/images/addcomment.png) no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	text-indent:20px;
	cursor:pointer;
	z-index:1000;
}
.box_binh_luan
{
	color:#000;
}

.box_binh_luan .button
{
	width:128px;
	float:left;
	outline:none;
}
.box_binh_luan .inputbox, .box_binh_luan textarea
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px;
	margin:0px;
	width:470px;
	border:1px solid #CCC;
	background:none;
}

.box_binh_luan .btn_gui
{
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana;
	width:60px;
	border:1px solid #333;
	background:#222 url(/images/btncmd.png) no-repeat center left;
	color:#FFF;
	padding:3px;
	text-indent:16px;
	float:left;
	cursor:pointer;
}

.box_binh_luan .btn_gui:hover
{
	background-color:#333;
}

.box_binh_luan .btn_dong
{
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana;
	width:60px;
	border:1px solid #333;
	background:#222 url(/images/btnccmd.png) no-repeat center left;
	color:#FFF;
	padding:3px;
	text-indent:16px;
	margin-left:5px;
	cursor:pointer;
}

.box_binh_luan .btn_dong:hover
{
	background-color:#333;
}

.comment_box
{
	padding:5px;
	background:#F3F1F2;
	margin-top:1px;
}

.title_comment
{
	font-weight:bold;
	color:#000;
	padding:5px;
	padding-left:20px;
	padding-top:0px;
	background:url(/images/user.png) no-repeat top left;
}
.content_comment
{
	padding:5px;
	padding-top:0px;
	padding-left:20px;
	color:#000;
	background:url(/images/comment.png) 0px 3px no-repeat;
	text-align:justify;
}
#comment
{
	padding:10px 0px 10px 0px;	
	clear:both;
}

.title_sub
{
	font-size:14px;
	color:#195EB9;
	font-weight:bold;
	padding-bottom:5px;
}

.cmt_wrapper
{
	overflow:hidden;
	color:#000;
}
@charset "utf-8";
/* CSS Document */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	display: block;
	width: 100%;
}
* html .clearfix {
	height: 1%;
}
.clear
{
	clear:both;
}
a{
	outline:none;
	text-decoration:none;
}
a:hover
{
	outline:none;
	text-decoration:none;
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	line-height:20px;
}
#header
{
	width:1000px;
	margin:0 auto;
}
.logo a
{
	display:inline-block;
	width:208px;
	height:110px;
	background:none;
	position:absolute;
	top:33px;
	left:0px;	
}
.lang
{
	width:214px;
	height:22px;
	position:absolute;
	bottom:0px;
	right:0px;	
}
.lang a
{
	color:#FFF;	
	display:inline-block;
	height:18px;
	line-height:18px;
	font-weight:bold;
	font-size:13px;

}
.lang a:hover
{
	color:#F00;	
}
#menu
{
	width:1000px;
	float:left;
	height:38px;
	line-height:38px;
	background:url(/images/back_menu.jpg) repeat-x;
	padding:0px 0px 2px 0px;
}
/*#menu ul.menu {
	margin:0;
	width:1000px;
	float:left;
	height:38px;
	line-height: normal;
	padding:0;
}
#menu ul.menu,#menu ul.menu li
{
	margin:0px;
	padding:0px;	
}
#menu ul.menu li {
	display: inline;
	float:left;
	height:38px;
	list-style: none;	
}
#menu a {
	display: inline-block;
	float: left;
	height:20px;
	line-height:20px;
	margin:9px 0px 9px 0px;
	padding:0px 17px 0px 17px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;	
	border-right:1px solid #528ed6;
	text-align:center;	
	color:#FFFFFF;
	font-family:tahoma, verdana, arial;
	font-size:12px;
}
#menu a.before
{
	border:none;
}
#menu a:hover, #menu .active a {
	color:#FFFF00;
}*/
#wallpaper
{
	width:1000px;
	margin:0 auto;
	padding-top:5px;
}
#sidebar
{
	width:195px;
	float:left;
	margin:0 auto;
	padding:0;
	}
	
#title_sidebar
{
	background:url(/images/back_title.jpg) repeat-x;
	height:25px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:left;
	padding-top:2px;
	font-weight:bold;
	clear: left;
	font-size: 14px; margin:0;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0px 5px 0px 10px;
	padding: 0px 5px 0px 10px;
	background:url(/images/icon.jpg) 0px 12px no-repeat;
	line-height:30px;
	float: left; width: 175px;
	display: block;
	clear: left;
	position: relative;
}
#sidebar li ul {
	position: absolute;
	top: 0; 
	left: 183px;
	display: none;
	background: #fff; 
	border: 1px #ccc solid;
}
#sidebar li:hover ul.sub {
	display: block;
}
#sidebar li li {
	margin: 0px 5px 0px 10px;
	padding: 0px 5px 0px 10px;
	background:url(/images/icon.jpg) 0px 12px no-repeat;
	line-height:30px;
}
#sidebar a {
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;

}
#sidebar a:hover,#sidebar a.active
{
	color:#FF0000;
}
#sidebar_content
{
	border-left:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	float: left; width: 193px;
}
#sidebar_content3
{
	border-left:1px solid #b9b9b9;
	border-right:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	float: left; width: 222px;
}
#sidebar_content img
{
	border:none;	
}
#sidebar_content2
{
	border:1px solid #b9b9b9;
	text-align:center;

	
}
#sidebar2
{
	width:224px;
	float:left;
}
#content
{
	width:562px;
	float:left;
	padding:0 8px 0 8px;
}
#title_content
{
	background:url(/images/back_title_content.jpg) repeat-x;
	color:#FF0000;
	padding:2px 0 2px 0;
	height:26px;
	border-left:#bebebe 1px solid;
	border-right:1px solid #bebebe;
}
#title_content_
{
	width:70%;
	float:left;
	font-family:tahoma, verdana, arial;
	font-size:12px;
	line-height:26px;
	text-transform:uppercase;
	padding:0px 0 0px 8px;
	box-sizing:border-box;
	margin:0;
}
.search input.input
{
	width:100%;
	background:#FFF;
	height:100%;
	padding:4px 30px 4px 10px;
	margin:0px;
	border:solid 1px #CCC;
	color:#000;
	box-sizing:border-box;
}
#search input.submit
{
	border:none;
	position:absolute;
	top:5px;
	right:7px;
}
#search
{
	width:30%;
	float:right;
	text-align:right;
	padding-right:1px;
	line-height:26px;
	position:relative;
	box-sizing:border-box;
}
.textf
{
	border:1px solid #dbd6d6;
	color:#000000;
	width:240px;
	height:20px;
	background:#FFFFFF;
}
#product
{
	width:278px;
	float:left;
	margin-right:4px;
	padding-top:5px;
}
#product2
{
	width:278px;
	float:left;
	padding-top:5px;
}
#border_prd
{
	border-left:#8b8787 1px solid;
	border-right:1px solid #8b8787;
	padding:0 10px 0 10px;
	color:#000000;
	float:left;
	width:256px;
}
#logosp
{
	text-align:center;
	vertical-align:middle;
	float:left;
	width:106px;
	padding-top:20px;
}
#sp
{
	text-align:center;
	float:left;
	width:145px;
	color:#FF0000;
	font-weight:bold;
	height:140px;

}
#news
{
	width:262px;
	float:left;
	padding-top:10px;
}
#news_
{
	width:262px;
	float:right;
	padding-top:10px;
}
#nd_news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nd_news li {
	padding: 0px 0px 0px 0px;
	margin:0 auto;
}

#nd_news li ul {padding: 0 0 0px 0;
}

#nd_news li li {
	margin: 0px 5px 0px 10px;
	padding: 0px 5px 0px 10px;
	background:url(/images/icon_news.gif) 0px 6px no-repeat;
}
#nd_news a {
	color:#000000;
	display:inline-block;
	max-width:199px;
	min-width:0px;
}
#nd_news a:hover
{
	color:#FF0000;
}
#title_news
{
	border-bottom:2px solid #f0d1d1;
	color:#ae0808;
	font-weight:bold;
}
.contact
{
	font-size:13px;
	font-weight:bold;
}
.title_contact
{
	color:#ae0808;
	font-weight:bold;
}
.red
{
	color:#FF0000;
	font-weight:bold;
}
.ten
{
	text-transform:uppercase;
	font-weight:bold;
}
.sp_tb
{
	color:#ae0808;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
#sitemap_top
{
	height:10px;
	width:1000px;
	float:left;
}
#sitemap_right
{
	height:69px;
	width:10px;
	float:right;
}
#sitemap_content
{
	width:978px;
	padding:0px 10px 0px 10px;
	border-left:1px solid #d6cfcf;
	border-right:1px solid #d6cfcf;
	float:left;
	font-size:17px;
	font-weight:normal;
}
#sitemap_content a
{
	text-decoration:none;
	text-transform:none;
}
#sitemap_content a:hover
{
	color:#195EB9;
}
#sitemap2
{
	background:url(/images/back_sitemap.jpg) no-repeat;
	padding:10px;
	font-size:12px;
	color:#ef3808;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:174px;
	margin-right:67px;
	float:left;
}
#sitemap2 a
{
		color:#ef3808;
		text-decoration:none;
		text-transform:uppercase;
}
#sitemap2 a:hover,#sitemap2 a.active
{
		color:#CC0000;
		text-decoration:none;
}
#sitemap3
{
	background:url(/images/back_sitemap.jpg) no-repeat;
	padding:10px;
	font-size:12px;
	color:#ef3808;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:174px;
	float:left;
}
#sitemap3 a
{
		color:#ef3808;
		text-decoration:none;
		text-transform:uppercase;
}
#sitemap3 a:hover
{
		color:#CC0000;
		text-decoration:none;
}
#footer
{
	background:#087ec9;
	color:#FFFFFF;
	height:75px;
	font-weight:normal;
}
#counter
{	background:#238ccf;
	text-align:center;
	font-weight:bold;
	padding:18px 18px 17px 18px;
	float:left;
	width:150px;
}
#nd_footer
{
	width:480px;
	float:left;
	padding: 10px 0 0 10px;}
#nd_chinhanh
{
	width:300px;
	float:left;
	padding: 10px 0 0 20px;
}
#nd_chinhanh a{
	color:#FFFFFF;
	text-decoration:none;
}
#nd_chinhanh a:hover
{
	color:#CCCC00;
}
.tencty
{
	color:#fc0606;
	font-weight:#fc0606;
	font-size:18px;
}
.title_pro{
	font-size: 14px; text-align:center;
}
.linkslide{
	float: left; width: 998px; -webkit-border-radius: 5px; margin: 10px 0;
	-moz-border-radius: 5px;border-radius: 5px; border: 1px #ccc solid;
}@charset "utf-8";
/* CSS Document */

/* ====================== Van ban =========================== */
.tpllist {
	width:558px;
	float:left;
	display:inline;
	background:#FFF;
	border:1px outset #195EB9;
	font:Tahoma, Geneva, sans-serif;
	margin:6px 0px 0px 0px;
	color:#000;
}
.tplinfo {
	margin:2px 5px 2px 5px;
	width:387px;
	height:16px;
	float:left;
	line-height:16px;
	overflow:hidden;
	text-align:justify;
}
.tplinfo_detail
{
	margin:2px 5px 2px 5px;
	width:548px;
	float:left;
	line-height:16px;
	text-align:justify;
}
.tplinfo a
{
	color:#195EB9;
	font-weight:bold;
}
.tplinfo_detail a
{
	display:inline-block;
	width:548px;
	text-align:center;
	color:#195EB9;
	font-weight:bold;
}
.tplinfo a:hover,.tplinfo a.active
{
	color:	#F00;
}
.doc_img
{
	width:100px;
	height:102px;
	float:left;	
	text-align:center;
}
.doc_img_detail
{
	width:558px;
	padding:5px 0px 5px 0px;
	float:left;	
	text-align:center;
}
.counterbox {
	background:transparent url(/images/counterbox.gif) no-repeat scroll center top;
	float:left;
	height:52px;
	padding:0px;
	width:51px;
	margin:5px;
	display:inline;
}
.tpllist .desc
{
	margin:5px;
	float:left;
	height:37px;
	width:387px;
	margin:0px 5px 5px 5px;
	overflow:hidden;
	text-align:justify;
}
.tpllist .desc_detail
{
	margin:5px;
	float:left;
	width:548px;
	margin:5px;
	text-align:justify;
}
.info
{
	width:150px;
	float:left;
}
.date
{
	width:226px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
	font-weight:bold;
}
.date_detail
{
	width:264px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
	font-weight:bold;
}
.download
{
	width:70px;
	float:left;
	padding-left:5px;
	font-weight:bold;
}
.counter-num {
	font-weight:bold;
	font-size:15px;
	text-align:center;
	color:#000;
}
.counter-txt {
	text-align:center;
	color:#000;
}
.counter-type-pdf {
	background:transparent url(/images/filetypes/icon_pdf.gif) no-repeat scroll 0 0;
}
.counter-type-doc {
	background:transparent url(/images/filetypes/icon_doc.gif) no-repeat scroll 0 0;
}
.counter-type-docx {
	background:transparent url(/images/filetypes/icon_doc.gif) no-repeat scroll 0 0;
}
.counter-type-xls {
	background:transparent url(/images/filetypes/icon_xls.gif) no-repeat scroll 0 0;
}
.counter-type-xlsx {
	background:transparent url(/images/filetypes/icon_xls.gif) no-repeat scroll 0 0;
}
.counter-type-ppt {
	background:transparent url(/images/filetypes/icon_ppt.gif) no-repeat scroll 0 0;
}
.counter-type-pptx {
	background:transparent url(/images/filetypes/icon_ppt.gif) no-repeat scroll 0 0;
}
.counter-type-rar {
	background:transparent url(/images/filetypes/icon_rar.gif) no-repeat scroll 0 0;
}
.counter-type-zip {
	background:transparent url(/images/filetypes/icon_zip.gif) no-repeat scroll 0 0;
}
.counter-type-waiting {
	background:transparent url(/images/filetypes/icon_waiting.gif) no-repeat scroll 0 0;
}

.counter-type, .counter-type-approved {
	height:11px;
	left:-3px;
	position:relative;
	text-indent:-2000em;
	top:3px;
	width:29px;
	z-index:900;
}
/* CSS Document */
input.inputbox, textarea.inputbox
{
	background:none repeat scroll 0 0 #f9f9f9;
	border:1px solid #ccc;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.btn_gui
{
	border:0;
	color:#FFF;
	background:transparent url(/images/contact_btn.png) top left no-repeat;
	margin-top:10px;
	margin-right:10px;
	width:64px;
	height:22px;
	font-size:11px;
	text-align:center;
	line-height:26px;
	cursor:pointer;
	outline:none;
}
.btn_reset
{
	border:0;
	color:#FFF;
	background:transparent url(/images/reset_btn.png) top left no-repeat;
	margin-top:10px;
	margin-right:10px;
	width:64px;
	height:22px;
	font-size:11px;
	text-align:center;
	line-height:26px;
	cursor:pointer;
	outline:none;
}
marquee a
{
	text-decoration:none;
	color:#000;	
}
marquee a:hover
{
	color:#F00;	
}
#nd_footer a
{
	text-decoration:none;
	color:#FFF;	
}
#nd_footer a:hover
{
	color:#F00;	
}
h1.title, h2.title, h3.title
{
	height:26px;
	width:560px;
	background:url(/images/bg_title.png) no-repeat;
	background-color:#f3f1f2;
	text-indent:30px;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#F00;
}
.news_box
{
	padding:5px 0px 5px 0px;
	color:#000;
}
.news_box .news_title a {
	background:url("/images/title_icon.png") no-repeat scroll 0 4px transparent;
	color:#195eb9;
	display:inline-block;
	font-weight:bold;
	height:16px;
	line-height:16px;
	padding-left:15px;
	text-decoration:none;
}
.news_box img
{
	border:none;
	margin-right:5px;
	padding:2px;	
}
.news_box .news_desc
{
	width:562px;
	text-align:justify;
	padding:5px 0px 5px 0px;
}
.news_more
{
	padding:0px 0px 5px 0px;
	margin:0px;
}
.news_more a
{
	background:url("/images/bl0.jpg") no-repeat scroll 0 6px transparent;
	color:#000;
	display:inline-block;
	line-height:20px;
	outline:medium none;
	padding-left:15px;
	width:547px;	
}
.news_more a:hover
{
	color:#195eb9;	
}
#khuyen_mai img
{
	padding:0px;
	margin:0px;
	border:none;	
}
.chi_tiet
{
	height:20px;
	width:70px;
	padding-left:490px;
	padding-bottom:5px;	
}
/*Phan trang*/
.navigation {
	font-size:11px;
	clear: both;
	padding: 10px 0px;
	text-align: center;
	cursor:default;
	font-weight:bold;
	color:#545454;
}
.navigation .current_page_item, .navigation .page_item a {
	outline:none;
	margin:2px;
	padding:2px 6px;
	border: 1px solid #9C9C9C;
	text-decoration:none;
}

.navigation .page_item a {
	border: 1px solid #9C9C9C;
	color:#010101;
	background-color:#FFF;
}

.navigation .current_page_item, .navigation .page_item a:hover {
	color: #FFF;
	background-color:#195EB9;
}
.detail
{
	height:20px;
	width:70px;
	padding-left:490px;
}
.detail a
{
	display:inline-block;
	height:20px;
	width:70px;
	margin:0px;
	padding:0px;
}
.detail a img
{
	height:20px;
	width:70px;
	margin:0px;
	padding:0px;
}
ul.download, ul.download li
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.download
{
	width:562px;
	padding:5px 0px 5px 0px;
}
ul.download li
{
	width:562px;
	float:left;	
}
ul.download li a
{
	width:547px;
	background:url(/images/bl0.jpg) 0px 8px no-repeat;
	padding-left:15px;
	display:inline-block;
	height:25px;
	line-height:25px;
}
ul.download li a:hover,ul.download li a.active
{
	color:#F00;	
}
input.dat_hang
{
	padding:2px;
	margin-right:5px; 	
	width:70px;
	height:20px;
	cursor:pointer;
}/* --- RESPONSIVE CHO MOBILE & TABLET --- */
.danhmucsanpham{
	display:none;
}
/* 1. Thiết bị di động (Màn hình nhỏ hơn 768px) */
@media screen and (max-width: 767px) {
	.hidemobile{
		display:none;
	}
	
	.danhmucsanpham{
		background: url(/images/back_title.jpg) repeat-x;
		height: 25px;
		text-transform: uppercase;
		text-align: left;
		padding-top: 5px;
		font-weight: bold;
		clear: left;
		font-size: 14px;
		margin: 0 0 10px 0;
		color: #fff;
		width: 100%;
		display:block;
	}
	
	.menusidebar{
		display:none;
	}
	
    /* Reset lại các khung bao chính */
    #header, #menu, #wallpaper, #sitemap_top, #footer {
        width: 100% !important;
        height: auto !important;
		overflow:hidden;
    }
	
	#menu{
		background-repeat: repeat;
	}
    
    #sidebar, #sidebar2, #content {
        width: 100% !important;
        float: none !important;
        padding: 10px !important; 
		box-sizing:border-box;
    }
	
	.slide{
		width: 100%; overflow: hidden;
	}
	
	.jscarousal-horizontal {
		display:none;
	}
	
	.jscarousal-horizontal, 
	.jscarousal-contents-horizontal, 
	.linkslide,
	.container_skitter,
	#sitemap_content,
	.box_clone,
	.label_skitter,
	.box_skitter_large,
	.container_skitter a,
	#sidebar_content{
		width: 100%!important;
		box-sizing:border-box;
	}
	

    /* Logo và Lang */ 
    .logo a {
        position: relative;
        top: 0;
        margin: 0 auto;
        display: block;
    }
    .lang {
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    /* Form bình luận */
    .binh_luan {
        width: 100% !important;
        box-sizing: border-box;
    }
    .box_binh_luan .inputbox, .box_binh_luan textarea {
        width: 100% !important;
        box-sizing: border-box;
    }
    .btn_add_comment {
        position: static;
        margin-bottom: 10px;
    }

    /* Sản phẩm và Tin tức */
    #news, #news_, #border_prd {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
        box-sizing: border-box;
    }
	 #product, #product2{
		width: 50% !important;
        margin: 0 !important;
        box-sizing: border-box;
		padding: 5px;
	 }
	 
	 #border_prd{
		 min-height: 350px;
	 }

    #title_content_,
	#title_content	{
        width: 100%;
        float: none;
		height: auto;
		border-bottom: 1px #ccc solid;
    }
    #search {
        width: 100%;
        float: none;
        padding: 5px;
    }

    /* Footer */
    #counter, #nd_footer, #nd_chinhanh {
        width: 100% !important;
        float: none !important;
        text-align: center;
        padding: 10px !important;
		box-sizing:border-box;
    }
    #footer {
        height: auto !important;
    }

    /* Ẩn các menu con hover của sidebar trên mobile (chuyển thành click nếu có JS) */
    #sidebar li ul {
        position: static;
        width: 100%;
    }
	
	#sidebar_content3{
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	#sitemap2, #sitemap3{
		width: 50%;
		box-sizing: border-box;
		margin:0;
		background-size: cover;
	}
	
	.news_box .news_desc{
		width: 100%;
		box-sizing:border-box;
	}
	iframe,table{
		width: 100%!important;
	}
}

/* 2. Máy tính bảng (Tablet: 768px đến 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
 
}

/* 3. Sửa lỗi hình ảnh tràn khung */
img {
    max-width: 100%;
    height: auto;
}