body{	background-color:#1D1D1B;}
div.wrappage{float:left; width: 100%;}
div.line-header,
div.wrap{float: left; width: 100%; position: relative;}

div.line-header .header{float: left; width: 100%;}
div.line-header .header h1.logo{float: left; margin:0px;}
div.line-header .header h1.logo a{text-decoration: none; color: black;}
div.line-header .header h1.logo a img{	border: none;}
div.line-header p{margin: 0px;}
div.line-header .header div.right{	float: right;}

div.line-navbar{	float: left; width: 100%; height: 53px; background-color: #333333 ; border-radius: 5px 5px 0 0;}
div.line-navbar div.khanguyen_navbar{width: auto;}
div.khanguyen_navbar div.navbar{	float: left; height: 53px; width: 100%;}
div.khanguyen_navbar ul.sf-menu li{	height: 36px; padding-top: 8px; margin-right: 1px;}
div.khanguyen_navbar ul.sf-menu li a{	line-height: 36px; color: white; font-size: 16px; font-weight:bold;}
div.khanguyen_navbar ul.sf-menu li.a8{	margin-left: 10px;}

div.khanguyen_navbar ul.sf-menu li a.active,
div.khanguyen_navbar ul.sf-menu li a:hover{	 background-color: #851515;}
div.khanguyen_navbar ul.sf-menu li a label{	display: none;}

div.line-navbar form{ margin: 7px 0px 0px 10px; float: left;}
div.line-navbar form input{float: left;}
div.line-navbar form input:first-child{ width: 150px; border: none; background-color: #7d7d7d; color: black; font-size: 16px;  border-radius: 3px 0 0 3px; height: 40px; padding: 0px 10px 0 10px;}
div.line-navbar form input:first-child:hover{	background-color: #b5b5b5;}
div.line-navbar form input:last-child{	border: none; overflow: hidden; text-indent: -1000px; width: 60px; height: 40px; cursor: pointer; background: #9d2f2f url(images/icon-search.png) 4px -4px no-repeat; border-radius: 0 3px 3px 0;}


div.copyright{	background: black; line-height: 35px; color: #40443e; font-style: italic;border-top: 1px solid #404040; border-radius: 0 0 5px 5px; float: left; width: 100%;}
div.copyright a{	text-decoration: none; color: #FB3535;}
div.copyright a:hover{	color: white;}


div.columnLeft{float: left; width: calc(100% - 310px); }
div.columnRight{float: right; width: 300px;}
div.columnRight div.boxRight{	float: right; width: 100%; background-color: white; position: relative;}
div.columnRight div.boxRight div.box_html img{ width:300px !important;}
div.columnRight h3.category{	text-align: center;}

div.mainContent{	float: left; width: 100%; padding-bottom: 20px; background-color: rgba(232,232,232,0.9);}
div.mainContent h3.category{	font-size: 20px; background-color: #333333;	margin: 0px; float: left; width: 100%; border-radius: 5px 5px 0 0;}
div.mainContent h3.category span{	float: left; width: 100%; height: 53px; line-height: 53px; color: white;  text-transform: uppercase;}
div.mainContent h3.category span span label{	float: left; text-indent: 25px;}

div.mainContent div.h2category{ float: left; margin: 0px; width: 100%;}
div.mainContent div.h2category h2{float: left;width: 100%; margin: 0 0 0 0; border-bottom: 1px solid #D8D8D8; text-shadow: 1px 1px 1px #898989; line-height: 60px; background-color: #ededed; text-transform: uppercase; text-indent: 20px; font-size: 30px; color: #851515; }
div.mainContent div.h2category h2 label{	font-size: 30px;  color: red }


div.line-header div.usercp{	position: absolute;right: 5px; bottom: 8px; height: 38px; z-index: 1000;}
div.line-header div.usercp a{	text-decoration: none; color: white; float: left; margin: 5px; line-height: 20px; padding: 5px 10px 5px 30px; border-radius: 3px;}
div.line-header div.usercp a.login{	background: black url(images/icon-login.png) no-repeat 5px -34px;}
div.line-header div.usercp a.reg{	background: black url(images/icon-register.png) no-repeat 5px -34px;}
div.line-header div.usercp a.logout{	background: black url(images/icon-logout.png) no-repeat 5px -34px;}
div.line-header div.usercp a.ucp{	background: black url(images/icon-ucp.png) no-repeat 5px -34px;}
div.line-header div.usercp a:hover{color: white; background-position: 5px 5px; background-color: #1980c8 !important;}

div.module_login div.box_content {    background-color: #FFF;  padding: 1% 1% 50px 1%;    width: 98%;}



div#back-top{z-index: 1000;}
div.dialogRightAds{float: right; width: 300px; position: fixed; bottom: 0px; right: 0px; z-index: 1;}
div.dialogRightAds div{float: left; width: 100%;overflow: hidden;}



@media screen and (max-width:980px){
	div.wrappage{width: 100%;}
	div.dialogRightAds{width: 0px;}
}

@media screen and (min-width:980px) {
	div.wrappage{width: 100%;}
	div.dialogRightAds{width: 0px;}
}

@media screen and (min-width:1340px) {
	div.wrappage{width: calc(100% - 310px)}
	div.dialogRightAds{width: 300px;}
}