@charset "utf-8";
@import url("yui-reset.css");
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.top-border{ width:100%; height:25px; background:#f98ccc url(../images/border-top.gif) center top no-repeat; margin:0 auto;}
.fill-border{ width:100%; background:#f98ccc url(../images/border-fill.gif) center top repeat-y; margin:0 auto;}
.bottom-border{ width:100%; background:#f98ccc url(../images/border-bottom.gif) center top no-repeat;
margin:0 auto; font-size:9pt; color:#333; text-align:center; padding-top:20px; padding-bottom:5px;}
.bottom-border a{color:#009900; text-decoration:none;}
.bottom-border a:hover{color:#FFFFFF;}
.star-div{
	width:800px;
	position:absolute;
	top:37px;
	left:143px;
	margin:0 auto;
	height:274px;
}
#container{
	width:960px;
	margin:0 auto;
	padding:0;	
	background-color:#FFF;
	overflow:hidden;
}
#banner{
	width:100%;
	float:left;
}
.pic-bar{ width:283px; height:198px; float:left;}
.banner-top{ width:707px; float:left; height:118px;}
.Banner-title{ width:707px; float:left; height:80px;}

#topmenu{ width:100%; float:left; background:url(../images/topmenu-fill.jpg) top left repeat-x; height:30px; color:#FFF;}
#topmenu ul{list-style:none; overflow:hidden; margin:0 auto; padding-left:50px;}
#topmenu ul li{ line-height:30px; float:left; margin:0 10px;}
#topmenu ul li a{
	color:#FFF;	
	float:left;
	font-weight:bold;
	text-decoration:none;
	font-size:9pt;
}
#topmenu ul li a:hover{
	text-decoration:underline;
}

#mainContent{ width:933px; float:left; margin:10px 13px 10px 14px;}
* html #mainContent{ width:933px; float:left; margin:10px 5px 10px 7px; padding-bottom:10px;}
#mainContent .row_01{ width:100%; float:left; overflow:hidden;}
.player{ width:482px; float:left;}
.box2 { width:450px; float:left; clear:left;}
.colright{ width:436px; float:left; margin:0 0 0 15px; background-color:#f98ccc;}
* html .colright{margin:0 0 0 10px; }
.colright .title-cat{ width:416px; margin:5px; padding-left:10px; float:left; font-size:10pt; font-weight:bold; color:#FFF; background-color:#98045b; line-height:20px;}
.colright .content-product{ width:426px; float:left; padding-left:5px;}
.colright .content-product .item{ width:100px; float:left; height:150px; margin:0 6px 5px 0px;}
.colright .deskline-news{ width:260px; float:left; margin:0px 5px 5px 5px;}
.colright .deskline-news .pic-news{ width:100px; margin:0 3px 3px 0; float:left;}
.colright .deskline-news .news-title{ width:100%; float:left;}
.colright .deskline-news .news-title a{ color:#9f0460; text-decoration:none; font-weight:bold;}
.colright .deskline-news .news-title a:hover{ text-decoration:underline;}
.colright .deskline-news a{ color:#000; text-decoration:none;}
.colright .deskline-news a:hover{ color:#666;}
.colright .news-dadua{ width:153px; float:left;}
.colright .news-dadua ul{ width:153px; list-style-type:none;}
.colright .news-dadua ul li{width:138px; float:left; clear:left; background:url(../images/bullet-news.png) left 3px no-repeat; padding-left:15px;}
* html .colright .news-dadua ul li{width:138px; float:left; clear:left; background:url(../images/bullet-news.gif) left 3px no-repeat; padding-left:15px;}
.colright .news-dadua ul li a{ font-size:8pt; float:left; text-decoration:none; color:#9f0460;}
.colright .news-dadua ul li a:hover{text-decoration:underline;}
#mainContent .row_02{ background:url(../images/bg_chinhanh.gif) center left repeat-y; width:100%; float:left; margin:10px 0px; padding:5px 0px;}
.row_02 .title-chinhanh{ width:923px; font-size:10pt; 
	color:#be0070; font-weight:bold;
	padding-left:10px;
	background-color:#FFF;
	float:left;
	line-height:22px;
}
.row_02 .content-chinhanh{ width:923px; margin:5px; float:left;}
.row_02 .content-chinhanh table{ width:100%; float:left;}
.row_02 .content-chinhanh table tr td{ padding:3px; color:#000000; font-size:9pt;}
/* Quang cao bottom*/
#mainContent .adv-bottom{ background-color:#f98ccc; width:100%; float:left; margin:10px 0px; overflow:hidden;}
.adv-bottom .content-adv{ width:100%; float:left;}
.adv-bottom .content-adv img{float:left; margin:0 0 0 8px;}
.adv-bottom .content-adv img.first{float:left; margin:0;}
.adv-bottom .content-adv img.last{float:right; margin:0;}
/* Detail */
.leftColumn{ width:541px; float:left; background-color:none;}
* html .leftColumn{margin-bottom:10px;}
.leftColumn .title-content{ width:500px;
	background:url(../images/title-content.gif) left top no-repeat;
	padding:0 0 0 41px;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	height:26px; line-height:26px;
	text-transform:uppercase;
}
.leftColumn .content{ padding:10px 5px; float:left; font-size:9pt; line-height:15px; color:#98045a;}
.leftColumn .content p{padding-bottom:10px; text-indent:15px;}

.centerColumn{ width:209px; float:left; margin:0px 10px;
	background:url(../images/box-news-fill.gif) center top repeat-y;}
* html .centerColumn{margin:0px 4px;}
.centerColumn .content{ width:199px; float:left; 
	background:url(../images/box-news-top.gif) center top no-repeat;
	padding:5px;
}
.centerColumn .content .cat-title{width:171px; float:left; line-height:25px;
	font-weight:bold; color:#FFFFFF; padding:0 14px;	
}
.centerColumn .content .divul{width:184px; float:left; margin:5px 0 0 10px;}
.centerColumn .content .divul ul{ width:180px; list-style-type:none;}
.centerColumn .content .divul ul li{width:180px; float:left; clear:left; background:url(../Images/bullet-pink.png) left 3px no-repeat; padding-left:15px;}
* html .centerColumn .content .divul ul li{width:180px; float:left; clear:left; background:url(../Images/bullet-pink.gif) left 3px no-repeat; padding-left:15px;}
.centerColumn .content .divul ul li a{ font-size:9pt; float:left; text-decoration:none; color:#FF00CC;}
.centerColumn .content .divul ul li a:hover{ color:#F00;}
.centerColumn .bottom{ width:209px; float:left; height:9px;}
* html .centerColumn .bottom{ width:205px; float:left; height:9px; margin-left:4px;}

.rightColumn162{ width:162px; float:left; overflow:hidden; background-color:#fcdff0; text-align:center; padding:5px 0px;}
* html .rightColumn162{width:159px;}
.rightColumn162 img{ padding-bottom:5px; text-align:center;}

.goback {width:100%; float:left; text-align:right;}
.goback a{ color:#333333; text-decoration:none;}
.goback a:hover{ color:#FF0000;}

/* Contact */
.contact{ width:531px; float:left; text-align:center; }
.title-contact{ font-weight:bold;}
.errmsg{color:#FF0000; font-size:9pt;}
#tblContact{	
	margin:10px auto;
	font-family:Arial, Helvetica, sans-serif;
}
#frmContact{ width:100%; text-align:center; margin:0px auto; overflow:auto;}
#tblContact tr td{ margin:5px; padding:5px;}
.textbox{ width:300px; font-size:10pt; background-color:#F7E8F9;}

/*Picture*/
.divpicture{ width:100%; float:left; overflow:hidden;}
.divpicture .item{width:25%; height:250px; float:left; text-align:center; margin:10px 0;}
.divpicture .paging-div{ width:920px; text-align:right; float:left; margin:2px 0; padding-right:13px;}
a.paging{ color:#333; text-decoration:none;}
a.paging:hover{ color:#FFF;}

/*News*/

.title-article{ width:100%; font-size:13pt; float:left; color:#4F0D4D; font-weight:bold;}
.date{ width:100%; float:left; color:#333; font-size:8pt;}
.content-article{ width:100%; float:left; font-size:9pt;}
.sumary{ width:100%; float:left; font-weight:bold;}


.news-row{ width:100%; float:left; margin-bottom:5px;}
.title-article{ width:100%; float:left;}
.title-article a{color:#98045a; text-decoration:none; font-size:11pt;}
.title-article a:hover{color:#003399;}
.header-article{ width:100%; float:left;}
.pic-article{ width:110px; float:left; text-align:center;}
.detail{display:inline;}
.detail a{ color:#05ae1a; text-decoration:none;}
.detail a:hover{ color:#F00;}
.norecord{ width:100%; float:left; overflow:hidden; font-size:9pt; color:#CC0000;}

/* Video */
.VideoColumn{ width:541px; margin:0 auto;}
.VideoColumn .title-content{ width:500px;
	background:url(../images/title-content.gif) left top no-repeat;
	padding:0 0 0 41px;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	height:26px; line-height:26px;
	text-transform:uppercase;
}
.VideoColumn .content{ width:100%; padding:10px 5px; text-align:center; float:left;}
.video-box{ width:541px; float:left;}
.video-box .title{ width:500px;
	background:url(../images/title-content.gif) left top no-repeat;
	padding:0 0 0 41px;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	height:26px; line-height:26px;
	text-transform:uppercase;
}
.video-box .content{ width:100%; float:left; overflow:hidden;}
.video-box .content .item{ width:135px; height:135px; text-align:center; float:left; margin:5px 0px;}
.video-box .content .item a{ color:#333; text-decoration:none; line-height:18px;}
.video-box .content .item a:hover{ color:#CC0000;}

/* Submenu*/
.detail-leftColumn .item-box .submenu{ width:100%; float:left;}
.detail-leftColumn .item-box .submenu ul{ width:210px; list-style-type:none; padding-left:10px; margin-left:30px;}
.detail-leftColumn .item-box .submenu ul li{width:200px; float:left; clear:left; background:url(../Images/bullet-blue.png) left 5px no-repeat; padding-left:15px; line-height:none; height:auto;}
.detail-leftColumn .item-box .submenu ul li a{ font-size:9pt; float:left; text-decoration:none; color:#FFFFFF;}
.detail-leftColumn .item-box .submenu ul li a:hover{ color:#CCC;}

.book-text{
	font-weight:bold;
	float:left;
	padding-right:10px;
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	color:#005BB7;
}
.detail-bookmark, .detail-bookmark div{
	float:left;
	padding-right:5px;
}
.detail-bookmark img
{
	cursor:pointer;
	border:0px;
	width:20px;
	height:20px;
}	
