@charset "utf-8";
/* CSS Document */
@font-face {
 font-family:font_strong;
 src:/*url('../fonts/tahoma.ttf') format('truetype'),*/
 url('../fonts/tahoma.eot#iefix') format('embedded-opentype'),
 /*url('../fonts/CARBONBL.ttf') format('truetype');*/
 font-weight:normal;
 font-style:normal;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}body{line-height:1; background:#18171c;}
table tbody tr td{
	border:1px solid #666;
}
/* header */
#header{
	width:100%;
	background:#fff;
	}
.hed_top{
	width:100%;
	height:81px;	
	color:#fff;
	padding-top:0px;
	font-weight:bold;
	background: -moz-linear-gradient(top, #000 0%, #151419 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#151419));
background: -webkit-linear-gradient(top, #000 0%,#151419 100%);
	}
.hed_top_in{
	width:980px;
	height:72px;
	margin:0 auto !important;
	padding-top:8px;
	border-bottom:1px solid #f1f1f1;
	}
.hed_top_in1{
	width:215px;
	height:72px;
	float:left;
	}
.hed_top_in1 img:hover{
	opacity:0.7;
	}
.hed_top_in2{
	width:715px;
	height:72px;
	float:left;
	text-align:right;
	padding-right:50px;
	}
.hed_top_in2 img:hover{
	opacity:0.7;
	}
.hed_wap_content{
	padding-top:20px;
	width:100%;
	height:401px;
	float:left;
	margin-bottom:3px;
	background: -moz-linear-gradient(top, #151419 0%, #18171c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151419), color-stop(100%,#18171c));
background: -webkit-linear-gradient(top, #151419 0%,#18171c 100%);
	}
.hed_content{
	clear:left;
	width:980px;
	height:50px;
	margin:0 auto;
	margin-bottom:20px;
	}
.hed_content_left{
	width:308px;
	height:29px; 
	float:left;
	padding:5px;
	border-radius:5px;
background: -moz-linear-gradient(top, #6d6f70 0%, #454647 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6f70), color-stop(100%,#454647));
background: -webkit-linear-gradient(top, #6d6f70 0%,#454647 100%);

	}
/*---------tim kiem------*/
.searchform {
float: left;
border:#F60 1px solid;
height:27px;
width:303px;
border-radius:4px;
position:relative;
}
.searchform input[type=text]
{
width:227px;
height:21px;
border:0px;
background:#fff;
float:left;
color:#949899;
margin:0px;padding:3px;
border-radius:2px;
}
.searchform input[type=submit]
{
position:absolute;
border:#F60 2px solid;
right:3px;
margin:2px 0px;
width:63px;
height:23px;
padding-top:1px;
background:#F60;
color:#f7f7f7;
font-size:13px;
font-weight:bold;
border-radius:2px;
}
/*-----------------------*/
#hed_content_right{	
	width:645px;
	height:38px; 
	float:left;
	margin-left:8px;
	border-radius:3px; 
	padding-left:5px;
	background:url(../images/beige_paper.png) repeat;
	/*background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953));
background: -webkit-linear-gradient(top, #0272a7 0%,#013953 100%);*/
	}
#nn1{
	padding:12px 20px;;
	color:#f1f1f1;
	font-size:14px;
	font-weight:bold;
	float:left;
	background: -moz-linear-gradient(top, #3c76a3 0%, #0b1f2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c76a3), color-stop(100%,#0b1f2d));
background: -webkit-linear-gradient(top, #3c76a3 0%,#0b1f2d 100%);
	}
#nav, #nav ul {
    list-style:  none;
    position: relative;
    line-height: 1.5em;
}
#nav a{
	font-family:font_strong;
	font-size:17px;
	}
#nav a:link, #nav a:active,
#nav a:visited {
    display: block;
    padding: 7px 15px;
    color:#444;
    text-decoration: none;
}

#nav a:hover {
    background: #fff;
    color: #000;
}
#nav ul a{
	color:#444 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400 !important;
	font-size:15px;
	}
#nav ul a:hover{
    color: #fff !important;
	background: -moz-linear-gradient(top, #636566 0%, #232323 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636566), color-stop(100%,#232323));
background: -webkit-linear-gradient(top, #636566 0%,#232323 100%);
	}
#nav ul ul a:hover{
	width:146px;
	}
#nav li {
    float: left;
    position: relative;
}
#nav >li:hover{
	background:#fff;
	}
#nav >li:hover a{
	color:#444;
	}
#nav >li >ul >li:hover{
	background: -moz-linear-gradient(top, #333 0%, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000));
background: -webkit-linear-gradient(top, #333 0%,#000 100%);
	}
#nav >li >ul >li:hover a{
	color:#fff !important;
	}
#nav >li >ul >li:hover >ul >li a{
	color:#444 !important;
	font-size:13px;
	font-weight:500 !important;
	}
#nav >li >ul >li:hover >ul >li:hover a{
	color:#fff !important;
	}

#nav ul li{
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	}
#nav ul li ul li{
	width:177px;
	}
#nav ul {
    position: absolute;
    width: 215px;
    top: 38px;;
    display: none;
	z-index:10;
	background:#fff;
}
#nav li ul a {
    float: left;
	width:183px;
}
#nav ul ul {
    top: auto;
}

#nav li ul ul {
    left: 204px;
    margin: 0px 0 0 10px;
}
#nav li ul ul{
	position:absolute;
	width:178px !important;
	}
#nav li ul ul:hover{
	width:178px ;
	}
#nav li ul ul li p{
	padding-left:0px;
	}
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
    display: none;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
    display: block;
}
ul#nav li.active {

	color:#bf0000 !important;
	background: -moz-linear-gradient(top, #b5b5b7 0%, #4e4e4f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b7), color-stop(100%,#4e4e4f));
background: -webkit-linear-gradient(top, #b5b5b7 0%,#4e4e4f 100%);
}
ul#nav li.active a{
	color:#fff ;
	}
ul#nav li.active:hover a{
	color:#444 ;
	}
ul#nav li.active ul li a{
	color:#444;
	}
ul#nav >li.active >ul >li a >li:hover{
	color:#fff !important;
	}
ul#nav li.active ul li a:hover {	
	color:#fff !important;
	}
#nav >li.active:hover{
	background:#fff;
	}
/*----------menu-----*/

/*-----------------*/
.hed_foo{
	width:980px;
	height:350px;
	margin:0 auto;
	}
/* content */
#content{
	width:980px;
	border-right:1px solid #bec5c6;
	box-shadow:#CCC;
	margin:0 auto;
	/*background:#eaf0f2;*/
	background:#fff;
	border-radius:3px;
	overflow:hidden;
	box-shadow: 0px 0px 5px #39798e;
}
.content_left{
	width:220px;
	line-height:inherit;
	float:left;
	background:#f9fbfc;
	padding:5px;
	margin-top:0px;
	border-radius:2px;	
	margin-bottom:0px;
	box-shadow:0px 0px 5px #39798e;
	}
.left_1{
	width:216px;
	height:auto;
	padding:2px;
	font-weight:bold;
	}
.tieu_de_menu{
	text-transform:uppercase;
	width:216px;
	height:30px; 
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-top:1px;
	margin-bottom:2px;
	border-radius:2px;
	padding-top:10px;
	background: -moz-linear-gradient(top, #3c76a3 0%, #0b1f2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c76a3), color-stop(100%,#0b1f2d));
background: -webkit-linear-gradient(top, #3c76a3 0%,#0b1f2d 100%);
	}
.tieu_de_menu{
	filter:alpha(opacity=90);
	}
ul.drop li{
	width:196px;
	list-style-type: none;
	float:left;	
	font-size:14px;
	font-weight:bold; 
	padding:10px;	
	margin-top:1px;
	border-radius:2px;
	position:relative;
   display: block;
   color:#444;
   background:url(../images/beige_paper.png) repeat;
  /* background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953));
background: -webkit-linear-gradient(top, #0272a7 0%,#013953 100%);*/
}

ul.drop li a{
	text-decoration:none;
	color:#444;
	}
ul.drop li:hover{
 display:block;
background: -moz-linear-gradient(top, #e0e0e0 0%, #b8b8b8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#b8b8b8));
background: -webkit-linear-gradient(top, #e0e0e0 0%,#b8b8b8 100%);
 -webkit-transition:background 150ms ease-in;-moz-transition:background 150ms ease-in;-o-transition:background 150ms ease-in;transition:background 150ms ease-in;
 color:#000 !important;
 z-index:2;
}
ul.drop li > ul.drop{
 position:absolute;
 top:0px; 
 left:217px;
 display:none; 
}
ul.drop li:hover > ul.drop{
background:#fff; -webkit-transition:background 150ms ease-in;-moz-transition:background 150ms ease-in;-o-transition:background 150ms ease-in;transition:background 150ms ease-in;
border-radius:3px;
display:block;
}
.left_2{
	width:214px;
	height:408px;
	border:1px solid #8bc7d6;
	float:left;
	margin-top:10px;
	padding:2px;
	border-radius:3px;
	}
.tieude_new_product{
	width:214px;
	height:30px; 
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-top:1px;
	margin-bottom:2px;
	border-radius:2px;
	padding-top:10px;
	background: -moz-linear-gradient(top, #3c76a3 0%, #0b1f2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c76a3), color-stop(100%,#0b1f2d));
background: -webkit-linear-gradient(top, #3c76a3 0%,#0b1f2d 100%);
	}
.new_product{
	width:214px;
	height:360px;
	margin-top:9px;
	text-align:center;
	}
#vertical-ticker{
	height:360px;
	overflow:hidden;
	margin:0; padding:0;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0, .4);
}

#vertical-ticker li{
		width:214px;
		height:180px;
		display:block;
		background:#f9fbfc;
		border-bottom:1px solid #0194a1;
		text-align:center;
		font-weight:bold;
		font-family: Helvetica Neue, times, serif;
	}
#vertical-ticker li p.h{
	width:214px;
	height:120px;
	text-align:center;
	margin-top:10px;
}
#vertical-ticker li p.h img{
	max-width:180px;
	max-height: 110px;
	}
#vertical-ticker a {
	font-size:14px;
	text-align:center;
	text-decoration:none;
	color:#0194a1;
	}
#vertical-ticker a:hover {
	color:#bf0000; -webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:background 200ms ease-in;color:color 200ms ease-in;
	}
.left_3{
	width:220px;
	height:auto;
	float:left;
	margin-left:2px;
	margin-top:10px;
	}
.yahoo{
	width:214px;
	height:35px;
	margin-top:5px;
	text-align:center;
	}
.tieu_de_hotro{
	width:216px;
	height:30px; 
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	margin-top:1px;
	margin-bottom:1px;
	border-radius:2px;
	padding-top:10px;
	background: -moz-linear-gradient(top, #3c76a3 0%, #0b1f2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c76a3), color-stop(100%,#0b1f2d));
background: -webkit-linear-gradient(top, #3c76a3 0%,#0b1f2d 100%);
	}
.left_4{
	width:220px;
	height:auto;
	float:left;
	margin-top:10px;
	}
.left_5{
	width:220px;
	height:auto;
	float:left;
	margin-top:10px;
	}
.content_right{
	width:735px;
	float:right;
	margin-left:5px;
	padding:5px;
	border-radius:3px;
	padding-bottom:30px;	
	}
/*-------san pham-------*/
.list_sp{
	width:735px;
	float:left;
	}
.content_right ul.sp li.sp{
	width:230px;
	height:390px;;
	margin:0px 6px 15px 6px;
	list-style-type:none;
	float:left;
	background:#efefef;
	}
.content_right ul.sp li.sp:hover{
	background:#d4d5d6;
	box-shadow:0px 0px 3px #d4d5d6;
	}
.lo_go{
	margin-top:10px;
	width:230px;
	height:25px;
	float:left;
	}
.content_right ul.sp li.sp img:hover {opacity:0.6;}
.lo_go img{
	width:55px !important;
	height:22px !important;
	margin-left:160px;
	}
p.imgs_sp{
	width:230px;
	height:120px;
	float:left;
	text-align:center;
	}
p.imgs_sp img{
	max-width:140px !important;
	min-width:100px !important;
	max-height:120px;
	}
p.name_sp{
	width:230px;
	height:40px;
	text-align:center;
	margin-top:20px;
	float:left;
	}
p.name_sp a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#0b272d;
	}
p.name_sp a:hover{
	text-decoration:underline;
	}
p.code_sp{
	width:230px;
	height:25px;
	text-align:center;
	float:left;
	}
p.code_sp a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#00a5ce;
	}
p.code_sp a:hover{
text-decoration:underline;
	}
span.title_pro{
	width:220px;
	height:100px !important;
	float:left;
	padding:5px;
	overflow:hidden;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#5c5f60;
	line-height:18px;
	}
p.more{
	width:230px;
	height:50px;
	float:left;
	margin-top:15px;
	text-align:right;
	}
p.more a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#bf5c00;
	padding-right:20px;
	padding:5px;
	margin-right:18px;
	}
p.more a:hover{
	padding:5px;
	background:#fff;
	border-radius:10px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	}
/*-------chi tiet san pham-------*/
.img_sp{
	width:730px;
	float:left;
	margin-top:10px;
	border-radius:3px;
	text-align:center;
	}
.img_sp img{
	max-width:500px;
	max-height:350px;
	float:none;
	}
.title_sps{
	width:350px;
	height:240px;
	float:right;
	padding:5px;
	margin-top:10px;
	color:#6b6d6d;
	overflow:auto;
	}
.line{
	width:730px;
	height:25px;
	float:left;
	background:url(../images/sp-line.gif) no-repeat left;
	padding-top:50px;
	}
.info_sps{
	float:left;
	width:730px;
	height:auto;
	padding-top:60px;
	}
.info_sps span.info_ct{
	margin-left:20px;
	color:#6b6d6d;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	}
/*------End san pham----*/
.title_sp{
	width:730px; 
	height:32px;
	background:url(../images/title.png) no-repeat;
	float:left;
	margin-top:3px;
	border-radius:5px;
	border:2px solid #f9f9f9;
	margin-bottom:30px;
		}
.title_sp p.a{
	height:40px;
	margin-left:20px;
	color:#f1f1f1;
	font-size:18px;
	font-weight:bold;
	padding-top:8px
	}
.title_sp p.a1{
	height:40px;
	margin-left:20px;
	color:#f1f1f1;
	font-size:18px;
	font-weight:bold;
	padding-top:6px;
	text-shadow: 0px 0px 5px #000;
	
	}
/*---------about-------*/	
.about_1{
	width:745px;
	float:left;
	text-align:center;
	}
.about_1 img{
	width:600px !important;
	}
.about_2{
	width:705px;
	float:left;
	text-align:left;
	font-size:14px;
	color:#545351;
	padding:20px;
	}
.about_3{
	width:745px;
	float:left;
	margin-bottom:30px;
	}
.about_3 table {
	margin-left:40px;
	font-size:14px !important;
	}
.demo{
	width:735px;
	float:left;
	}
.demo ul li{
	width:705px;
	height:170px;
	list-style-type:none;
	padding:5px;
	float:left;
	margin:0px 10px;
	margin-bottom:20px;
	border-bottom:1px dotted #1f2b30;
	}
.demo ul li p img{
	width:200px !important;
	height:160px !important;
	float:left;
	}
.demo ul li p img:hover{
	opacity:0.6;
	}
.demo ul li p.title_demo{
	width:480px;
	height:30px;
	float:left;
	margin-left:15px;
	}
.demo ul li p.title_demo a{
	text-decoration:none;
	font-size:16px;
	color:#046b93;
	font-weight:bold;
	}
.demo ul li p.title_demo a:hover{
	color:#1f2b30; -webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:background 200ms ease-in;color:color 200ms ease-in;
	}
.demo ul li p.info{
	width:470px;
	float:left;
	margin-left:15px;
	padding:5px;
	}
.demo ul li p.info a{
	text-decoration:none;
	font-size:14px;
	color:#595b5b;
	}
.title{
	width:730px; 
	height:32px;
	background:url(../images/title.png) no-repeat;
	float:left;
	margin-top:3px;
	border-radius:5px;
	border:2px solid #f9f9f9;
	margin-bottom:30px;
		}
.title p.a{
	height:26px;
	margin-left:20px;
	color:#f1f1f1;
	font-size:18px;
	font-weight:bold;
	padding-top:6px
	}
.title p.a1{
	height:40px;
	margin-left:20px;
	color:#f1f1f1;
	font-size:18px;
	font-weight:bold;
	padding-top:6px;
	text-shadow: 0px 0px 5px #000;
	
	}
.new{
	width:730px;
	float:left;
	text-align:center;	
	}
.ul_new{
	width:730px;
	margin:0 auto;
	list-style-type:none;
	}
.ul_new li.l1{
	width:580px;
	height:30px;
	float:left;
	color:#052133;
	text-align:center;
	font-weight:bold;
	padding-top:9px;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #648faa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#648faa));
background: -webkit-linear-gradient(top, #e2e2e2 0%,#648faa 100%);
	}
.ul_new li.l2{
	width:150px;
	height:30px;
	float:left;
	color:#052133;
	text-align:center;
	font-weight:bold;
	padding-top:9px;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #648faa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#648faa));
background: -webkit-linear-gradient(top, #e2e2e2 0%,#648faa 100%);
	}
.ul_new li.l3{
	width:580px;
	height:30px;
	float:left;
	text-align:center;
	font-weight:bold;
	padding-top:9px;
	background:#E4E4DC;
	}
.ul_new li.l4{
	width:150px;
	height:30px;
	float:left;
	text-align:center;
	font-weight:bold;
	padding-top:9px;
	background:#E4E4DC;
	}
	.ul_new li.l5{
	width:570px;;
	height:30px;
	float:left;
	text-align:left;
	font-weight:bold;
	padding-top:9px;
	background:#f1f1f1;
	padding-left:10px;
	}
.ul_new li.l5 a{
	color:#bf0000;
	text-decoration:none;
	}
.ul_new li.l5 a:hover{
	color:#5b5b5b; -webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:background 200ms ease-in;color:color 200ms ease-in;
	}
.ul_new li.l6{
	width:150px;
	height:30px;
	float:left;
	font-weight:bold;
	padding-top:9px;
	background:#f1f1f1;
	color:#bf0000;
	}
.ct_bv{
	width:710px;
	float:left;
	font-size:14px;
	color:#474644;
	padding-left:20px;
	}
.bv_lq{
	width:730px;
	margin-top:40px;
	float:left;
	margin-bottom:30px;
	}
p.related_news{
	margin-top:20px;
	margin-left:20px;
	line-height:20px;
	}
p.related_news a{
	text-decoration:none;
	font-size:16px;
	color:#8e3b3b;
	font-weight:600;
	}
p.related_news a:hover{
	text-decoration:underline;
	color:#1a4554; -webkit-transition:color 300ms ease-in;-moz-transition:color 300ms ease-in;-o-transition:background 300ms ease-in;color:color 300ms ease-in;
	}
.title_lq{
	width:730px; 
	height:32px;
	float:left;
	margin-top:3px;
	border-bottom:2px solid #bf0000;
	margin-bottom:30px;
		}
.title_lq p.a_lq{
	height:26px;
	margin-left:20px;
	color:#14404f;
	font-size:18px;
	font-weight:bold;
	padding-top:6px
	}	
.product_faq{
	width:730px;
	float:left;
	}
.ul_faq{
	width:700px;
	margin:0 auto;
	list-style-type:none;
	}
.ul_faq li.f1{
	width:20px;
	height:20px;
	float:left;
	font-weight:bold;
	padding-top:9px;
	background:#f1f1f1;
	color:#bf0000;
	margin-top:5px;
	}
.ul_faq li.f2{
	width:680px;
	height:20px;
	float:left;
	font-weight:bold;
	padding-top:9px;
	background:#f1f1f1;
	color:#bf0000;
	margin-top:5px;
	}
.ul_faq li.f2 a{
	color:#5b5b5b;
	text-decoration:none;
	}
.ul_faq li.f2 a:hover{
	color:#bf0000; -webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:background 200ms ease-in;color:color 200ms ease-in;
	}
.ct_contact{
	width:630px;
	float:left;
	padding-left:100px;
	}
/* footer */
#footer_wap{
	width:100%;
	background:#000;
	}
#footer{
	clear:left;
	width:982px;
	height:100px; 
	margin:0 auto;
	background:#487e8c;
	margin-top:10px;
	border-radius:3px;
	}
.footer_icon{width:380px; margin-bottom:5px; height:50px; font-size:0; margin-left:10px; float:left;}
.footer_icon img{border:0;margin:15px 5px 0 0;vertical-align:top;}
.footer_icon img:hover{filter:alpha(opacity=90);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
.footer_menu{width:510px; height:35px; float:right; border-radius:3px; background:#4b9baf; margin-bottom:2px; margin-top:20px; padding-left:20px;}
.footer_menu ul li{padding:9px; list-style-type:none; float:left; color:#f1f1f1; }
.footer_menu ul li:hover{background:#63a5b7; -webkit-transition:background 150ms ease-in;-moz-transition:background 150ms ease-in;-o-transition:background 150ms ease-in;transition:background 150ms ease-in; border-radius:4px; color:#dbdbdb; -webkit-transition:color 100ms ease-in;-moz-transition:color 100ms ease-in;-o-transition:color 100ms ease-in;transition:color 100ms ease-in;}

p.coppy{
	color:#f1f1f1;
	font-size:12px;
	padding-top:80px;
	margin-left:20px;
	}
/*------phan trang------------*/
.phan_trang{
	width:700px;
    height:40px;
	margin-bottom:20px;
	float:left;
	margin-top:30px;
	  }
nav[role="page"] {
	position: absolute;
}

nav[role="page"] ul li {
	float: left;
	margin-left: 3px;
	background:#fff;
	border:1px solid #0b7d8e;
	border-radius: 3px ;
	list-style-type:none;
}

nav[role="page"] ul li a {
	color: #0b7d8e;
	text-decoration: none;
	display: block; 
	padding: 5px 8px;
	font-weight: bold;
	font-size: 14px;
}

nav[role="page"] ul li a:hover {
	background:#0b7d8e;
	border-radius:3px 3px 3px 3px;
	color:#fff !important;
}

nav[role="page"] ul li.current {
	font-weight: normal;
	font-size: 14px; 
	padding: 5px 8px;
	color: white;
	background:#0b7d8e; 
	font-weight: bold;
}
span.link{float:right;margin-right:10px;}
span.link a{text-decoration:none; color:#fff; font-size:14px;}
table#infoo{border:1px solid #333;}
table#infoo tbody tr td{border:1px solid #333;}