/*************************
	Global Settings
**************************/
body			{background:url(skin/bg.jpg) repeat; color:#333; font: 9pt Arial, Helvetica, sans-serif; width: 100%; margin: 0 auto; line-height:18px;}
img					{border:none medium;}
object				{line-height: 0;}


a:link, a:visited, a:active	{color:#333; text-decoration: none;}

a:hover	            {color:#ccc;}

.clear			    {clear: both; width: 0; height: 0; line-height: 0; font-size: 0;}

p{ text-align:justify;}

/*************************
	Page Layout
**************************/
#main                { margin:0 auto;}
#head                {  margin:0 auto; background:url(skin/bg_head.png) no-repeat scroll center -17px;}
#layout              { width:980px; margin:0 auto; 
background:#fff ;}
#layout_npt              { width:980px; margin:0 auto; padding-bottom:80px; background:#fff url(skin/bg_layout.png) repeat-x scroll left bottom; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;}
#footer              { width:980px; margin: 0 auto;background:#4D2313; height:155px;}
.footer{ margin-top:8px;}
/*************************
	Header/Footer
**************************/
.bannertop           { width:980px; height:auto; margin:0 auto; box-shadow: 0 0 7px #666666;}
.bannertop           img{max-width:980px;}
#navi                { width:980px; margin:0 auto; height:39px;}
#navi a              { padding:5px 11px; background:url(skin/line_navi.png) no-repeat scroll top left; text-transform:uppercase; font:bold 9pt/30px Arial, Helvetica, sans-serif; color:#333; float:left;}
#navi a:hover        { color:#c00;}
.topbar              { width:980px; height:30px; background-color:#EBDA89; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 auto; box-shadow: 0 0 7px #666666; color:#C34D13; line-height:30px; text-transform:capitalize;}
.boxSearch           { float:right; width:260px; height:30px;}
.boxSearch .textSearch { width:190px; height:24px; float:left; background-color:#c3c3c3; border:1px solid #dfdbd9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0px 3px; margin:2px 3px 2px 2px; color:#666;}
.boxSearch .btnSearch  { background:url(skin/bg_search.png) no-repeat; width:53px; height:24px; float:left; margin:3px 0px; text-align:center; line-height:26px;}
.banner             { width:960px; height:330px; margin:0 auto; box-shadow: 0 0 10px #333; background:#fff url(skin/bg_banner.png) repeat-x; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; padding:10px;}
.ban_ner             { width:960px; height:auto; margin:0 auto; box-shadow: 0 0 10px #333; background:#fff url(skin/bg_banner.png) repeat-x; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; padding:10px;}
#footer_l            { background:url(skin/bg_footer_l.png) no-repeat scroll left bottom; width:10px; height:83px; float:left;}
#footer_m            { background:url(skin/bg_footer_m.png) repeat-x scroll left bottom; width:980px; height:83px; float:left;}
#footer_r            { background:url(skin/bg_footer_r.png) no-repeat scroll left bottom; width:10px; height:83px; float:left;}
.bottom_Bar          { height:37px; line-height:37px; padding-right:10px;}
.bottom_Bar a        { color:#333; padding:0px 10px; text-transform:uppercase; font-weight:bold;}
.bottom_Bar a:hover  { color:#c00;}
/*************************
	Content: Layout
**************************/
#layout_left         { width: 610px; float:left; background:#fff;}
.slider              { width:600px; height:340px; padding:5px; background-color:#c29e8b; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 5px #666666; margin:0px 0px 10px 10px;}
.newsbar          { width:614px; float:left; margin:0px 0px 10px 6px;}
.box_news            { width:306px; float:left; height:300px;}
.box_news h5.title   { background:url(skin/bg_title.png) no-repeat; width:260px; height:41px; float:left; margin:0px; line-height:33px; padding-left:44px; font:bold 9pt/36px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.box_news h5.title a { color:#333;}
.box_news h5.title a:hover { text-decoration:underline;}
.box_news .content   { width:280px; background:url(skin/bg_boxnews.png) repeat-x; padding:10px; margin-left:4px;}
.box_news .content   {}
.box_news .content .title { color:#f48a00; font-size:14px; padding:10px;}
.box_news .content a:hover{ text-decoration:underline;}
.box_news .content .pict       { width:120px; height:90px; float:left;  overflow:hidden; margin-right:7px;}
.box_news .content .pict img   { width:118px;height:88px;border:1px solid #999;}
.box_news .content ul.itemList { list-style:none; padding:10px 0; margin:0px;width:280px;display: inline-block;}
.box_news .content ul.itemList li {background:url(skin/item.gif) no-repeat scroll 0 13px transparent; font: 12px Arial,Tahoma,sans-serif; padding-bottom: 5px; padding-left: 8px; padding-top: 5px;font-weight:normal}
.box_news .content ul.itemList li a {color:#333}

.boxnews            { width:100%; float:left;}
.boxnews h5.title   { background:url(skin/bgtitle.png) no-repeat; width:100%; height:41px; float:left; margin:0px; line-height:33px; padding-left:44px; font:bold 9pt/36px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.boxnews h5.title a { color:#333;}
.boxnews h5.title a:hover { text-decoration:underline;}
.con_tent {width:100%; background:url(skin/bg_boxnews.png) repeat-x; height:300px; margin-left:1px;}
.contentt   { float:left; width:30%; padding:10px;height:140px; }
.contentt .picte       { width:100%; height:120px%; float:left;  overflow:hidden; margin-right:7px;}
.contentt .picte img   { width:100%;height:120px;border:1px solid #999;}
.contentt a { color:#333;}
.contentt a:hover     { text-decoration:underline;}
.fs-text{padding:0px;line-height:25pt;}
.fs-text img{ padding-bottom:8px;}
.bookbar             { width:610px; margin-left:10px; float:left;}

#layout_right        { width:360px; float:right;}
#layoutright        { width:350px; float:right; }
.container{ background:#fff; border-radius:10px 10px 0 0;}
.notice              { width:299px; float:right; background:url(skin/bg_thongbao.png) no-repeat scroll top center ; height:270px; padding:60px 20px 0; color:#993300; border-left:1px solid #fff; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; text-align:center;}
.notice a            { color:#333; text-transform:uppercase;}
.notice a:hover      { text-decoration:underline;}
.notice   p          {font-size:11pt; font-weight:normal; line-height:20px;}
.boxNewsTabRight     {border-bottom: 1px dotted #999; color: #EEEEEE; float: left; padding: 10px 0px; width: 320px; margin:0px 10px;}
.boxNewsTabRight .pict   { float:left; width:84px; height:66px; margin-right:5px; overflow:hidden; border:1px solid #999;}
.boxNewsTabRight .pict img { max-width:100px;}
.boxNewsTabRight p   { margin:0px;}

/*************************
	Content: Video
**************************/
#layout_left h1.title, #layout_left h2.title { background:url(skin/bg_title_sub.png) no-repeat; width:570px; float:left; margin:0 auto; font: bold 9pt Arial, Helvetica, sans-serif; text-transform:uppercase; height:28px; padding:17px 0px 0px 50px; margin-bottom:10px;}
#layout_left .content { padding:10px;}
#layout_left .content a {color:#333}
#layout_left .content a:hover {color:#722305}
.pict-thumb {
    float: left;
    height: 170px;width:164px;
    margin: 10px 15px 0px 15px;
    overflow: hidden;
    text-align: center; 
}
.pict-thumb:hover 
   { opacity:0.7}

.photo {
    border: 2px solid #CCCCCC;
    box-shadow: 0 0 3px #999999;
    height: 120px;
    margin: 0;
    width: 160px;
	margin-bottom:10px;
}
.photoimg {   
    float: left;
    height: 120px;
    overflow: hidden;
    text-align: center;
    width: 160px;
}
.photo img {
    max-width: 160px;
    text-align: center;
    vertical-align: middle;
}
.Album_Name1 {
    font: 11px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align:center;
}
.Album_Name1 a{
    color:#000; 
}
.woo-pagination {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    padding: 10px 0px 10px 10px;
    text-align: right; float:right;
}
.woo-pagination a:link, .woo-pagination a:visited {
    border: 1px solid #C3C3C3;
    color: #777777;
    display: inline;
    padding: 4px 9px;
    text-decoration: none !important;
}
.woo-pagination span.extend, .woo-pagination .page-numbers {
    border: medium none;
    color: #666666;
}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
    background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #F9F9F9) repeat scroll 0 0 transparent;
    border: 1px solid #C3C3C3;
}
.woo-pagination .current {
    background: none repeat scroll 0 0 #676767;
    color: #FFFFFF;
    padding: 4px 9px;
}
.woo-pagination a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    padding: 4px 9px;
}
#layout_left .content h3.title  { font:bold 11pt Arial, Helvetica, sans-serif; margin:10px 0px 0px 0px; color:#c00;}

ul.video_other            {margin:0px; padding:0px; list-style:inside;}
.video_other li           { padding:3px 5px 2px 5px; float:left; border-bottom:1px dotted #ccc; width:260px; margin:0px 10px;}
.video_other li a         { color:#333;}
.video_other li a:hover   { color:#c00;}
/*************************
	Content: News
**************************/
.groupNews            {width:590px; float:left; padding-bottom: 10px; color:#333; margin:10px 0px 0px 10px; border-bottom:1px dotted #ccc;}
.pictThumNewsLeft     {float: left; height: 90px; margin-right: 8px; overflow: hidden; padding: 1px; width: 120px;}
.pictThumNewsLeft img { max-width:120px;border: 1px solid #A5A5A5; }
a.titleNews h2        {font-size: 9pt;font-weight:bold; margin:0px; color:#321306;}
a.titleNews:hover h2  { color:#333;}
.font                 {font-size: 10pt;}
h2.title_news_detial  {color: #CC0000;float: left;font: bold 16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/*h2.title_news_detial span   { float:left; color:#333; margin:10px 0px 20px 0px; font-size:12px; width:590px; font-weight:bold; text-align:center;}*/
.pict-news {border: 1px solid #CCCCCC; margin: 0 auto; padding: 1px; max-width:550px;}
.otherNews            {padding-top: 9px; display:inline-block; width:580px;}
h2.titlenewsother     {clear: both; height:18px; color:#c00; font:9pt Tahoma, Geneva, sans-serif; border-bottom:1px dotted #ccc;}
h2.titlenewsother span  {display: block; float: left; font-weight: bold; padding:2px 3px; background-color:#fff2e1;}
.otherNews ul         {margin:10px 0px 0px 0px; padding:0px 0px 0px 10px;}
.otherNews ul li      {background: url("skin/icon-list-news-sub.png") no-repeat scroll left 6px transparent; line-height: 18px; list-style: none outside none; padding-left: 10px;}
.otherNews ul li a    {color:#666;}
.otherNews ul li a:hover { color:#c00;}
/*************************
	Content: Gallery
**************************/
.date{ width:100%;overflow: hidden;}
.detail_npt {
	text-align:justify;	}
.detail_npt div{ max-width:600px;}	
.detail_npt img, iframe, table{ max-width:600px;}