@charset "utf-8";
/* CSS Document */

*{
		box-sizing:border-box;
		margin:0px;
		
		
}
/* phần header */	
	header{
		width:1100px;
		height:160px;
		margin:auto;
		margin-top:0px;
		margin-bottom:0px;
		border:0px;
		border-bottom:2px solid #FFF;
	}
	.header_banner
	{	position:relative;
		background:#fcd037;	
		height:126px;
		width:1100px;
		padding:0px;
	}
	
	.logo
	{
		margin:0px;
		margin-left:142px;
		margin-top:15px;
		float:left;
	}
	.company_name
	{
		float:left;
		font-family:'Calibri';
		font-size:24px;
		font-weight:bold;
		color:#ee3353;
		margin-top:61px;
	}
	.menu
	{
		height:34px;
		width:1100px;
		margin:0px;
		background:url(../background/menu_bar.jpg);
		background-repeat:repeat-x;
		border-top:2px solid white;
		border-bottom:2px solid white;
        padding-left: 120px;
	}
	
	.title_menu{
		
		position:relative;
		height:30px;
		padding-left:15px;
		padding-right:15px;
		list-style-type:none;
		color:white;
		font-weight:bold;
		font-size:22px;
		font-family:'uvn ai cap';
		line-height:25px;
		float:left;
		border-left:1px solid white;
		
	}
	.title_menu:hover{
		background:#FCD037;
		color:red;
	}
	/*main sec tion*/
	
	.main_section
	{
		/*url(../background/book-background.png)*/
		width:1100px;
		min-height:680px;
		overflow:auto;
		margin:auto;
		margin-top:0px;
		background:url(../background/book-background.png),url(../background/back-ground.jpg), white;
		background-size:1200px 600px, contain;
		background-position:left -44px  bottom 27px, bottom left;
		background-repeat:no-repeat, no-repeat;
		border-bottom:6px solid white;
	}

	
	/*aside*/
	.left_side
	{
		width:200px;
		float:left;
		
	}
	
	.search_title
	{
		height:30px;
		width:223px;
		background:url(../icon&logo/search_title_background.jpg);

	}
	.search_content
	{
		width:223px;
		height:92px;
		background:#ffb80e;
	}
	.search_canvas
	{
		
		height:28px;
		width:198px;
		margin-left:12px;
		margin-top:14px;
		background:white;
		border:0px;
		border-radius:10px;
		padding-left:10px;
		font-weight:bold;
		
		color:#CCC;
		
	}
	
	.search_button
	{
		width:120px;
		margin-left:50px;
		margin-top:12px;
		height:28px;
		border-radius:10px;
		background:#7ac142;
		border:1px solid white;
		text-align:center;
		font-weight:bold;
		font-family:'Calibri';
		font-size:16px;
		color:white;
		box-shadow:0px 0px 5px white; 
	}
	
	.support_title
	{
		width:223px;
		height:28px;
		background:url(../icon&logo/background_support_online.jpg);
	}
	.support_content
	{
		width:223px;
		height:246px;
		background:url(../icon&logo/support_online.jpg);
		background-size:223px 246px;
		padding-top:30px;
	}
	.support_region
	{	position:relative;
		height:30px;
		width:223px;
		border-top:2px solid #ffb80e;
		color:white;
		font-weight:bold;
		font-family:'uvn ai cap';
		font-size:22px;
		line-height:26px;
		text-align:justify;
		padding:0px;
		padding-left:20px;
		cursor:default;
	}
	
	.online
	{   width:650px;
	    color:black;
		font-size:18px;
		text-align:center;
		font-weight:height;
		line-height:35px;
		overflow:inherit;
		position:absolute;
		min-height:40px;
		border:1px solid #82CCD7;
		display:none;
		top:0px;
		right:-650px;
		background:white;	
		z-index:3;
		
	}
	.title_sdt{color:#00AEE8;}
	.show
	{
		position:absolute;
		right:0px;
		top:0px;
		height:28px;
		width:1px;
	}
	
	.left_background
	{
		width:221px;
		height:178px;
		background:url(../background/left_background.png);
		margin-bottom:12px;
		margin-top:15px;
	}
/*slide show*/	
#slideshow {
margin:auto;
margin-top:3px;	
position:relative;
width:658px;
height:287px;
border:1px solid #ffb80e;

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:656px;
	height:285px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	width:656px;
	height:285px;
}

#slideshow IMG.last-active {
    z-index:9;
	width:656px;
	height:285px;
}
	/*main*/
	
	
	.main
	{
		width:660px;
		
		float:left;

	}
	.date
	{
		background:#00aee8;
		width:658px;
		height:28px;
		margin:auto;
		color:white;
		font-weight:bold;
		line-height:25px;
		text-align:center;
		font-size:18px;
		font-family:'uvn giong song';
		border-radius:8px;
	}




	
	.news
	{
		width:660px;
		height:286px;
		background:url(../image/map2.png);
	    
		
		
		background-repeat:no-repeat;
		margin-top:40px;
		position:relative;
		
	}
	.day_news_text
	{
		width:326px;
		margin-left:3px;
		height:30px;
		border-right:3px solid #ffb80e;
		border-radius:8px 0px 0px 8px;
		background:#00aee8;
		position:absolute;
		top:-30px;
		left:0px;
		color:white;
		font-family:'Calibri';
	    
		font-size:19px;
		line-height:30px;
		padding-left:50px;
		
	}
	.list_news_day 
	{
		position:relative;
		height:236px;
		width:330px;
		overflow:auto;
		padding-left:54px;
		padding-right:15px;
		font-size:19px;
		color:#1261A1;
		font-family:'Calibri';
		
	}
	.news_icon
	{
		position:absolute;
		left:20px;
		top:7px;
	}
	.news_icon_2
	{position:absolute;
		left:5px;
		top:-4px;
	}
	.day_news
	{
		width:326px;
		margin-left:3px;
		height:236px;
		float:left;
		border-right:3px solid #ffb80e;
	}
	
	.service_news_text
	{
		width:331px;
		height:30px;
		border-left:3px solid #ffb80e;
		border-radius:0px 8px 8px 0px;
		background:#00aee8;
		position:absolute;
		top:-30px;
		right:0px;
		color:white;
		font-family:'Calibri';
		font-size:19px;
		line-height:30px;
		padding-left:50px;
		
	}
	.service_news_icon
	{
		position:absolute;
		left:10px;
		top:4px;
	}
	.service_news
	{
		width:329px;
		height:236px;
		float:left;
		border-left:3px solid #ffb80e;
		
	}
	/*right-side */
	
	.right_side
	{
		width:217px;
		float:right;
		
	}
	.hoi_dap_title
	{
		width:215px;
		height:34px;
		background:url(../background/hoi_dap_title.jpg);
		margin-left:2px;
	}
	.hoi_dap
	{   position:relative;
		width:215px;
		height:284px;
		background:url(../background/hoi_dap.jpg);
		background-repeat:no-repeat;
	    background-size:cover;
		margin-left:2px;
	}
	.nd_hoi_dap p, .nd_thong_bao p
	{
		font-size:18px;
		font-weight:'uvn ai cap';
		color:#FFF;
		opacity:1;
	}
	.nd_hoi_dap , .nd_thong_bao
	{
		position:absolute;
		height:28px;
		width:215px;
		padding-top:3px;
		padding-left:15px;
		
		background:url(../background/nd_hoi_dap.png);
		background-repeat:no-repeat;
	    background-size:cover;
		left:-3px;
		

	}
	/*thong bao*/
	.thong_bao_title
	{
		background:url(../background/thong_bao_title.jpg);
		width:215px;
		height:38px;
		margin-top:10px;
		font-size:21px;
		font-weight:'uvn ai cap';
		color:#FFF;
		padding-left:5px;
		padding-top:5px;
		background-repeat:no-repeat;
	    background-size:cover;
		margin-left:2px;
	}
	.thong_bao
	{
		position:relative;
		width:215px;
		height:234px;
		background:url(../background/thong_bao.jpg);
		background-repeat:no-repeat;
	    background-size:cover;
		margin-left:2px;
	}
	/*bai_viet*/
	.list_in_chap
	{
		background:#00aee8;
		width:870px;
		height:34px;
		margin:auto;
		margin-left:3px;
		color:white;
		font-weight:bold;
		line-height:25px;
		text-align:center;
		font-size:18px;
		font-family:'Calibri';
		border-radius:3px 3px 0px 0px;
		border-bottom:3px solid #FCD037;
		
	}
	.content_list
	{
		width:870px;
		margin:auto;
		margin-left:3px;
		background:white;
		border:1px solid #FCD037;
		
		padding:15px;
	}
	
	/*footer*/
	
	footer
	{
		width:1100px;
		height:128px;
		background:#FF0000;
		background-repeat:repeat-x;
		margin:auto;
		text-align:center;
		font-family:'Calibri';
		font-size:24px;
		color:white;
		padding-top:10px;
	}
	
	/* anh tam */
	
	.ten_bai_viet
	{
		width:300px;
		min-height:30px;
		border:1px solid gray;
		font-size:16px;
		font-family:'Calibri';
		text-align:center;
		font-weight:bold;
		float:left;
	}
	.chuong_muc
	{
		width:150px;
		min-height:30px;
		border:1px solid gray;
		font-size:16px;
		font-family:'Calibri';
		text-align:center;
		font-weight:bold;
		float:left;
	}
	.sua_sp, .xoa_sp
	{
		width:50px;
		min-height:30px;
		border:1px solid gray;
		float:left;
		text-align:center;
		
		color:blue;
		font-weight:bold;
		font-size:16;
		font-family:'uvn time news roman';
	}
	.tac_gia ,  .thoi_gian
	{
		width:150px;
		min-height:30px;
		border:1px solid gray;
		font-size:16px;
		font-family:'Calibri';
		text-align:center;
		font-weight:bold;
		float:left;
	}