@charset "utf-8";
/*-------Common Reset------*/
* { outline: none; }
td, div, h3, p { margin: 0; padding: 0 }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #cc0000; }
img { border: none; }
input, select { font: 11px Tahoma; }

.message {
	border: 1px solid #fbd850;
	padding: 5px;
	background-color: #fdf9e1;
    margin-bottom: 10px;
}

.info {
	font-style: italic;
	color: #999;
}

div.hint {
	clear: both;
	color: white;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background: #C73E14;
	padding: 5px;
}

th.left ,
td.left { text-align: left; }

th.right,
td.right { text-align: right; }

th.center,
td.center {	text-align: center; }

img[align=left] {
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 7px;
}
/* CSS Document */
body {
	font: 12px Arial, Tahoma, Verdana;
	margin: 0;
	padding: 0;
	line-height: 18px;
	/*background:#500001 url("images/bg_image.jpg") repeat-x;*/
	/*background:#19f119 url(images/background.jpg);*/
	/*background:#19f119 url(images/backgroundtest2.jpg);*/
	/*background:#19f119 url(images/Backgroundtest.jpg);*/
	background:#000000 url(images/backgroundtest3.jpg);
}

a img {
	border:none;
}

a {
	color: #333;
}

a:hover {
	color: #9F1C20;
}

#global {
	width: 949px;
	margin: 0 auto;
	/* background-color: white;	 */
}

#container{
	width:949px;
	margin:0 auto;
	clear:both;
}

#top{
	width:949px;
	height:95px;
}

#main{
	width:949px;
}



/* top */
#logo{
	width:283px;
	height:95px;
	padding-left:0px;
	float:left;
}

#logo img{
	margin:12px 0px;
}

#rightTop {
	margin-left:303px;
	width:646px;
	height:95px;
}

#rightTop .slogan {
	width:540px;
	height:48px;
	text-align:center;
	float:right;
}

#rightTop .language{
	width:135px;
	height:28px;
	background:url(images/bg_lang.png) no-repeat;
	text-align:center;
	float:right;
	padding-top:3px;
	color:#fff;
}

#rightTop .language a{
	color:#fff;
	font-size:10px;
}

#rightTop .searchBox {
	width:179px;
	height:45px;
	float:right;
	margin-top:10px;
	background:url(images/search.png) no-repeat;
}

/* form search */
#search input[type="text"] {
    padding: 4px;
}
input, select {
    border: 1px solid #DDDDDD;
    font: 11px Tahoma;
    margin: 3px 2px;
    padding: 3px;
}

/* navigation */
#nav {
	height:38px;
	margin:auto;
	width:949px;
}

#nav ul {
	background: transparent url("images/menu.png") top left no-repeat;
	height:38px;
	margin:0;
	padding:0;
	position:relative;
	z-index:2;
}

#nav ul li {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}

#nav ul li,#nav a {
	display:block;
	height:38px;
}

#nav ul li a {
	text-decoration:none;
	outline:none;
	font-size:14px;
	text-transform: uppercase;
	color: #fff;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2px;
	font-weight: 500;
}

#nav ul li ul a {
	text-decoration:none;
	outline:none;
	text-indent:1px
}

#nav1 {left:0px;	width:155px}

#nav2 {left:159px;	width:156px}

#nav3 {left:318px;	width:157px}

	#nav3 ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 180px; /* Width of Menu Items */
		height:25px;
		border-bottom: 1px solid #ccc;
	}
	#nav3 ul li{
		position:relative;
	}
	#nav3 ul li ul{
		position: absolute;
		width: 170px; /*sub menu width*/
		top: 0;
		visibility: hidden;
	}
	#nav3 ul li a{
		display: block;
		overflow: auto; /*force hasLayout in IE7 */
		color: black;
		text-decoration: none;
		background: #fff;
		padding: 1px 5px;
		border: 1px solid #ccc;
		border-bottom: 0;
	}

	#nav3 ul li a:visited{
		color: black;
	}

	#nav3 ul li a:hover{
		background-color: yellow;
	}

#nav4 {left:477px;	width:158px}

#nav5 {left:636px;	width:300px; text-align:right; font-size:36px}

#nav6 {left:795px;	width:154px;}

#nav1 a:hover, #nav1 a.current, #nav1 a.current:hover {
	background:transparent url("images/menu.png") 0px -38px no-repeat
}

#nav2 a:hover, #nav2 a.current, #nav2 a.current:hover {
	background:transparent url("images/menu.png") -159px -38px no-repeat
}


#nav3 a:hover, #nav3 a.current, #nav3 a.current:hover  {
	background:transparent url("images/menu.png") -318px -38px no-repeat
}

#nav4 a:hover, #nav4 a.current, #nav4 a.current:hover {
	background:transparent url("images/menu.png") -477px -38px no-repeat
}

#nav5 a:hover, #nav5 a.current, #nav5 a.current:hover {
	/*background:transparent url("images/menu.png") -640px -38px no-repeat*/
}

#nav6 a:hover, #nav6 a.current, #nav6 a.current:hover  {
	background:transparent url("images/menu.png") -795px -38px no-repeat
}

/* inside */
#pages {
	background:#FFFFFF;
	width: 949px;
	min-height:200px;
}


#inner{
	width:929px;
	padding:10px;
	min-height:445px;
}

#inner .left-inner {
	width:230px;
	float:left;
}

#inner .right-inner{
	width: 689px;
	float:right;
}

#inside_banner {
	width:689px;
	height:150px;
}

/* bottom */
#bottom{
	width:949px;
	margin:15px 0px;
	height:50px;
	clear:both;
	color: #d2d2d2;
}

#bottom a{
	color: #d2d2d2;
}

#bottom .left {
	width:700px;
	float:left;
	height: 50px;
}

#bottom .right {
	width:249px;
	float:right;
	height: 50px;
	text-align:right;
	text-transform:uppercase;
	font-size: 14px;
	padding-top:10px;
	letter-spacing:3px;
}



/* leftbox */
#left-block {
	margin-bottom:10px;
}
#category {
	background-image: -moz-linear-gradient(#e3e3e3, #f1f1f1);
	background:#f1f1f1;
	width:230px;
	min-height:200px;
}

#category #box-content {
	width:210px;
	padding:10px;
}

#category .promotion {
	background: #fff;
	width:210px;
	min-height:100px;
}

#category h3{
	width:210px;
	background: url('images/bg_title.jpg') repeat-x;
	color:white;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	padding:6px 0px;
}

#category ul{
	width:210px;
	padding:0px;
}

#category li {
	border-bottom: 1px dotted #999;
	list-style-type: none;
	width:210px;
}

#category li li {
	border-bottom: none;
	border-top: 1px dotted #999;
	list-style-type: none;
	width:210px;
}

#category ul li a {
	background:url(images/ico_silk.png) no-repeat 0px center;
	display: block;
	width: auto;
	padding:8px 0px 8px 30px;
	text-decoration: none;
	color: #333333;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}

#category li ul li a {
	padding:4px 0px 4px 40px;
	display: block;
	background:none;
	width: auto;
	text-decoration: none;
	color: #333333;
	text-transform: uppercase;
	font-size:11px;
	font-weight:bold;
}

#category li ul li ul li a {
	padding:4px 0px 4px 50px;
	display: block;
	background:none;
	width: auto;
	text-decoration: none;
	color: #333333;
	font-size:10px;
	font-weight:normal;
}

#category ul li a:hover{
	color: #fff;
	background:#999 url(images/ico_silk.png) no-repeat 0px center;;
}

#category li ul li a:hover, #category li ul li ul li a:hover{
	color: #fff;
	background-image: none;
}



/*  noi dung */
.block {
	width:689px;
	padding-top:10px;
}
/* .block .title{
	width:669px;
	height:32px;
	background:url(images/bg_title.jpg) repeat-x;
	color:white;
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	padding:6px 10px 0px 10px;
} */

.block .title{
	background: #eeeeee;
    margin-bottom: 25px;
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #000000;
    font-weight: 400;
    text-align: center;
    border-left: 6px solid #e83636;
    border-right: 6px solid #e83636;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    position: relative;
    z-index: 1;
}

.block .title a{
	color:white;
}

.block .news {
	background:url(images/hot_news.png) left no-repeat;
}

ul.hotnews {
	padding-left:100px;
}

ul.detail{
	padding:0px 15px;
}


ul.hotnews li{
	list-style: circle;
}

ul.hotnews a{
	color:#333;

}

ul.products {
	list-style: none outside none;
	display:inline;
	float: left;
}

.items {
    padding: 5px 0px;
	width:689px;
	min-height:100px;
	clear:both;
}

.items a.title_article {
	display: block;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 10px 0;
	font-size: 12px;
	width: 95%;
	text-transform: uppercase;
}

.title_article{
	display: block;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 10px 0;
	font-size: 12px;
	width: 95%;
	text-transform: uppercase;
}

.items a.title {
	color: green;
	font-weight: bold;
	padding: 0;
	text-align: left;
}

.items span.description {
	display: block;
	font-size: 11px;
	color: #555;
	text-align: left;
}

.tag_text {
    color: green;
    font-size: 10px;
    text-align: left;
    padding-top:16px;
    font-style:italic;
}
.note_text {
	color: #555555;
    font-size: 11px;
    line-height: 20px;
    text-transform: none;
    font-weight:normal;
}

.items .box{
	clear:both;
	min-height:100px;
	width:337px;
	border:1px solid #ddd;
	margin-right:10px;
	margin-bottom:10px;
}

.items .box:hover{
	background: #eee;
}

.items .box .left-box{
	float:left;
	min-height:100px;
	width:150px;
}

.items .box .right-box{
	float:right;
	min-height:100px;
	width:170px;
}

.items .list{
	clear:both;
	min-height:100px;
	width:337px;
	border:1px solid #ddd;
	margin-right:10px;
	margin-bottom:10px;
}

.items .list:hover{
	background: #eee;
}

.items .list .left-list{
	float:left;
	min-height:100px;
	width:90px;
}

.items .list .left-list img{
	border:3px solid #ddd;
	margin:10px;
}

.items .list .right-list{
	float:right;
	min-height:100px;
	width:220px;
	padding-top:20px;
}

.items .list .right-list tr td{
	height: 25px;
}

.items .box .right-box h3{
	padding:20px 0px 15px 0px;
}
.items .news{
	background:url('images/hot_news.png') no-repeat;
}

#detail{
	width:530px;
}

#detail .left {
	float:left;
	width:290px;
}

#detail .right {
	float:right;
	width:240px;
}


.detail .info1 img{
	float:left;
	width:200px;
	height:200px;
	padding-right:20px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#eee;
	padding:5px;
	display:none;
	color:#333;
	font-size:11px;
}

.fadein { position:relative; height:113px; width:250px; }
.fadein img { position:absolute; left:0; top:0; }

/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
	font-weight:bold;
	color: #9F1C20;
}

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
}
#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;

}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{
	width:205px;
	padding-bottom:10px;
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #333;
	text-decoration:none;
	text-transform: uppercase;
	display:block;
	clear:both;
	width:170px;
	padding-left:5px;
	font-size:10px;
}

/*
A tags
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top:1px;
	font-weight:bold;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top:1px;
}

/* UL tags, i.e group of menu utems.
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e.

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin-left:5px;
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	margin-left:10px;
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin-left:15px;
	padding:1px;
}

a.btn_detail {
	padding:2px 5px;
	/* border:1px solid #DC3D41;
 	background:#F3BCBD; */
	color: #DC3D41;
	font-size:10px;
	-moz-border-radius:5px;
}

.t2adung{
	font-size:11px;
	color:#fffffF;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.t2adung a{
	font-size:11px;
	color:#FCB329;
	font-weight:bold;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Container DIV */
.vert {
	width: 175px; /* wider than clip for custom button pos. */
	height: 300px;
	margin-bottom: 1.5em;
	margin-left: 25px;
}

/* Container DIV */
.simply-scroll {
	width: 500px;
	height: 100px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 500px;
	height: 100px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 100px;
	height: 102px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right:2px;
}
/* Clip DIV */
.vert .simply-scroll-clip {
	width: 175px;
	height: 300px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 130px;
	height: 80px;
}

 .paging {
	text-align: center;
	padding: 5px;
}

.paging a.next {
	/* background: #f2f2f2 url(icon/pag.next.png) no-repeat center center; */
}

.paging a.prev {
	/* background: #f2f2f2 url(icon/pag.prev.png) no-repeat center center;*/
}

.paging span.current,
.paging a {
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	width: 25px;
	height: 25px;
	display: inline-block;
	color: #666;
	font: 10px Verdana;
	font-weight: bold;
	border: 1px solid #aaa;
	background-color: #f2f2f2;
	line-height: 25px;
}

/* slide */
.slider-wrap{ width: 929px;height:435px;position: absolute; }
.stripViewer .panelContainer
.panel ul{ text-align: left; margin: 0px; }
.stripViewer{ overflow: hidden; width: 929px; height:375px; position: relative;  }
.stripViewer .panelContainer{ left: 0; top: 0;position: relative; }
.stripViewer .panelContainer .panel{ float: left; width: 929px;position: relative; height:375px; }
.stripNavL, .stripNavR, .stripNav{ display: none; }
.nav-thumb{ border: 1px solid #d2d2d2; padding: 1px; }
#movers-row{ padding: 0px 2px;}
#movers-row div{ width: 70px; float: left; padding:0px 14px 0px 0px; height:53px; overflow:hidden; }
#movers-row div a.cross-link{ float: right; }
.photo-meta-data{ background: url(images/transpBlack.png); padding: 10px; height: 30px;
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span{ font-size: 13px; }
.cross-link	{width: 70px; margin-top: 0px;
											  position: relative; padding-top: 0px; z-index: 9999; }
.active-thumb{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.lightbox img{
	border:1px solid #ddd;
	width: 110px;
	height:110px;
	padding:2px;
	margin-top:20px;
	margin-bottom:15px;
}

.lightbox1 img{
	border:1px solid #ddd;
	padding:2px;
}

#other-box{
	width:155px;
	background:#eee;
	min-height:100px;
}

#other-box ul{
	width:155px;
	margin:0px;
	padding:10px;
	list-style-type: none;
}

#other-box ul li{
	padding:0px 20px 30px 20px;
}

#other-box ul li img{
	border:1px solid #fff;
	padding:2px;
}

.search_keyword {
	width: 140px;
	height:12px;
	margin-top:9px;
	border:none;
}
.search_submit {
	background: none;
	border:none;
}

#flashMessage {
	border-top: 1px solid #ffcb5b;
	border-bottom: 1px solid #ffcb5b;
	background: #ffeec9;
	color: #cc0000;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}


/*Tu lam*/
#TieuDeCTSP{
	/* font-size:25px;
	color:#00F;
	font-family:"Times New Roman", Times, serif; 
	font-weight:800; */
	text-align: center;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
	text-transform: capitalize;
	
}
.post-header{
	line-height: 1.6;
	letter-spacing: 1.5px;
}

.post-header .entry-title{
	text-align: center;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
    font-weight: 700;
}

.entry-title:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 30%;
    right: 30%;
    height: 2px;
    background: #e83636;
}

#bottom .left h3{
	color: #FFD508;
	/* color:#FF0; */
	font-size: 18px;
}

#nav5 h6{
	color:#F00;
	text-align:right;
	margin-right:0px;	
}

#carousel img{
	width: 930px;
	height: 365px;
}

.heading-line-post {
    background-color: #fab702;
    width: 80px;
    height: 3px;
    display: inline-block;
	margin-bottom: 10px;
}
.wpb_wrapper {
    font-family: "PT Sans";
    color: #000000;
	font-size: 16px;
	padding-bottom: 15px;
}

ul.a {list-style-type: square;}

.tintuc{
	text-align:justify; 
	font-size:15px;
	letter-spacing: 0.5px;
}
.table-responsive{
	min-height: .01%;
    overflow-x: auto;
}
.table {
    width: 100%;
    max-width: 100%;
	margin-bottom: 20px;
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.item a{
	font-size: 15px;
	letter-spacing: 0.1px;
}
.center{
	display: block;
    margin-left: auto;
	margin-right: auto;
	width: 80%
}

.text{
	text-align:justify; 
	font-size:15px;
	letter-spacing: 0.5px;
	padding-bottom: 15px;
}

#flash{
	height:67px;
	width:400px;
}