@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background: #ebebeb; }

/********** header **********/
.header { background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto;}

.block_header {margin:0 auto; width:960px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:381px;}
/* menu */	
.menu { float:right; padding:25px 0 0 0; margin:0; width:400px; border: 0px solid #717171;}
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 1px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#a1a1a1; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px; background:none;}
.menu ul li a:hover { color:#fff;  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#fff;  background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  color:#fff; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#fff;  background:url(images/l_menu.gif) no-repeat left;}
 /* sub_text */
.sub_text { background: url(images/sub_text_bg.gif) top center repeat-x; padding:0; margin:0; height:140px;}
.sub_text_resize { width:960px; margin:0 auto; padding:0;}
.sub_text_bg { background:url(images/sub_text_bg.jpg) center top no-repeat; height:140px; width:960px; margin:0 auto;}

/* .sub_text_resize img { float:right; padding:50px 0 0 0; margin:0;} */
.sub_text_resize h2 { font: normal 40px Arial, Helvetica, sans-serif; color:#ffffff; padding:50px 0 0 15px; margin:0;}
#hdslideshow{ border:1px solid #717171;float:right; padding:0; margin:0 20px 0 0; }

/* header box */
.header_box { background:#f8f8f8 url(images/slide_bg_line.gif) top repeat-x;}
.header_box_resize { background:url(images/slide_bg.jpg) center top no-repeat; height:350px; width:960px; margin:0 auto; border-top: 0px solid #ffffff;}
.slider_cu3er { width:400px; float:left; padding:10px 0 0 24px;}
.header_text { width:345px; float:right; padding:30px 40px 0 5px; border-left: 0px solid #ffffff;}
.header_text h2 { padding:10px 0; margin:0; font:normal 32px/1.2em Arial, Helvetica, sans-serif; color:#1a1919;}
.header_text p { padding:10px 0; margin:0; font:normal 12px/1.6em Arial, Helvetica, sans-serif; color:#ffffff; text-align: justify;}

/* search_blog */
.search_blog { background:#f6f6f6; margin:0; padding:0;}
.search_blog_resize { width:960px; margin:0 auto; padding:0;}
.search_blog h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:10px 0 15px 15px; margin:0;}
.search_blog h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#afafaf;}

/*FBG*/
.FBG { margin:0 auto; width:960px; padding:10px 0 0 0;}
.FBG_resize { border-top:1px solid #e9e9e9; background:#f2f2f2; margin:0; padding:0;}
/****Recent **/
.Recent  { width:300px; float:left; padding:10px; margin:10px 0;}
.Recent p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent img { float: left; margin:10px 15px; padding:0px 0px 10px 0px; border: 0px solid #717171;}
/********** block index **********/
.body { margin:0; padding:0; background: #fff; border-top:1px solid #eaeaea;}
.body_resize { width:960px; margin:0 auto; padding:0;}
.body_resize h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body_resize p { font:normal 13px Arial, Helvetica, sans-serif; color:#444444; padding:10px 5px; margin:0; line-height:1.8em;}
.body_resize p span { color:#45b8c3; font: normal 12px Arial, Helvetica, sans-serif;}
.body_resize a { color:#3366CC; text-decoration:none; font: bold 13px Arial, Helvetica, sans-serif; line-height:2.2em;}
.body_resize a:hover { color:#800000; text-decoration:underline; font: bold 13px Arial, Helvetica, sans-serif; line-height:2.2em;}
.body_resize img { margin:10px auto; padding:0;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
.right  { width:300px; float:right; margin:0; padding:10px 10px;} 
.left  { width:620px; float:left; margin:0; padding:10px 10px;} 
.blog { width:280px; float:left; margin:0; padding:10px 5px;}
.blog p.grey { color:#5f5f5f;}

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer {padding:0;  margin:0; background:#f7f7f7; border-top:1px solid #eaeaea;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#747474;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none; padding:5px 5px 5px 0px; margin:0;}
.footer a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#800000; text-decoration:underline; padding:5px 5px 5px 0px; margin:0;}
.footer p.leftt { text-align:left; width:60%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

