@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff; font-family: 'Open Sans', sans-serif; }
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background: #ebebeb; }

/********** header **********/
.header { background: #FFFFFF; padding:0; margin:0 auto; border-top: 2px solid #063; box-shadow: 0 0 3px #999; }

.block_header {margin:0 auto; width:960px; padding:0; border:none;}
/* logo */
.logo { padding:10px 0; margin:0; float:left;}
.logo img { float:left; padding-right: 10px;  }
.logo h1 { margin: 10px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#063; }
.logo h1 small { font-weight:normal; line-height:24px;}
.klogo { padding:10px 0; margin:0; float:right; }
/* menu */	
.menu {  padding:0; margin:0; border-top: 1px solid #EEE;}
.menu ul { text-align: center;  padding:0; margin:0; list-style:none; border:0;}
.menu ul li { margin:0; padding:0; border:0; display:inline-block; position:relative;}
.menu ul:before, .menu ul li:after { content:"|"; display:inline-block; padding:10px 0 10px 6px;  font-weight:normal; font-size: 13px;}
.menu ul li a { margin:0; padding:10px; color:#666; font-weight:bold; font-size:13px; text-decoration:none;}
.menu ul li a:hover, .menu ul li:hover > a { color:#333;  background: #EEEEEE;}
.menu ul li ul { position:absolute; width:150px; top:38px; left:0; z-index:200; overflow:hidden; max-height:0; transition: all 400ms;}
.menu ul li ul:before {content:""; display:block; height:0; width:0; margin: 0 0 0 10px; padding:0; border: 10px solid transparent; border-top-width:0; border-bottom-color:#FFF;}
.menu ul li ul li {display:block; background:#FFF; text-align:left; border:1px solid #eee; border-width:0 1px;}
.menu ul li ul li:after {content:""; margin:0; padding:0; display:none;}
.menu ul li ul li a { display:block }
.menu ul li:hover > ul { max-height: 400px; border-bottom: 2px solid #eee;}
 /* sub_text */
.sub_text { background: url(images/sub_text_bg.jpg) top center repeat-x; padding:0; margin:0; height:70px;}
.sub_text_resize { width:960px; margin:0 auto; padding:0;}
.sub_text_resize img { float:right; padding:50px 0 0 0; margin:0;}
.sub_text_resize h2 { font: normal 26px 'Open Sans', sans-serif; color:#1a1919; padding:20px 0 0 10px; margin:0;}
/* 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 'Open Sans', sans-serif; color:#9d9d9d; padding:10px 0 15px 15px; margin:0;}
.search_blog h2 span { font: normal 11px 'Open Sans', sans-serif; color:#afafaf;}
/* search */
.search { padding:10px 20px 0 0; margin:0; width:250px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:200px; padding:0 5px; height:33px;}
.search form .keywords { width:149px; line-height:17px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px 'Open Sans', sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding: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:360px; width:960px; margin:0 auto; overflow:hidden;}
.slider_cu3er {  padding:24px 10px 0 10px;}
#cu3er-container { }
#cu3er-container .item { background-color:#EEE; border:4px solid #FFF; min-height:280px}
#cu3er-container .item img {float:left; padding-right:16px;}
.header_text { width:345px; float:right; padding:40px 0 0 10px;}
.header_text h2 { padding:10px 0; margin:0; font:normal 28px/1.4em 'Open Sans', sans-serif; color:#1a1919;}
.header_text p { padding:10px 0; margin:0; font:normal 12px/1.6em 'Open Sans', sans-serif; color:#272727;}

/*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 13px 'Open Sans', sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 15px 'Open Sans', sans-serif;}
.Recent img { float: left; margin:10px 15px; padding:0;}
.Recent  a { color:#45b8c3; text-decoration:none; font: bold 12px 'Open Sans', sans-serif;}
/********** 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 24px 'Open Sans', sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body_resize p { font:normal 13px 'Open Sans', sans-serif; color:#333333; padding:10px 5px; margin:0; line-height:1.8em; text-align:justify;}
.body_resize li { font:normal 13px 'Open Sans', sans-serif; color:#333333; margin:0; line-height:1.8em; text-align:justify;}
.body_resize p span { color:#45b8c3; font: normal 12px 'Open Sans', sans-serif;}
.body_resize a { color:#45b8c3; text-decoration:none; font: bold 13px 'Open Sans', sans-serif;}
.body_resize img { margin:10px auto; padding:0; max-width:100%;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
.right  { width:300px; float:right; margin:0; padding:10px;} 
.double { width:620px;}
.left  { width:620px; float:left; margin:0; padding:10px;} 
.blog { width:280px; float:left; margin:0; padding:10px 5px;}
.full { margin:0; padding:10px 5px;}
.blog p.grey { color:#5f5f5f;}

/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#f7f7f7; border:1px solid #ececec;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px 'Open Sans', sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px 'Open Sans', sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px 'Open Sans', sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer {padding:0 0 15px;  margin:0; background:#f7f7f7; border-top:1px solid #eaeaea;}
.footer p { font:normal 12px  'Open Sans', sans-serif; color:#747474;}
.footer a { font:normal 12px 'Open Sans', sans-serif; color:#747474; text-decoration:none; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 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;}

table.bodered { border: 1px solid #e1eef4; border-width: 1px 1px 0 0;  font:  12px 'Open Sans', sans-serif;}
table.bodered td, table.bodered th { border: 1px solid #e1eef4; padding:5px; border-width: 0 0 1px 1px; }
table.bodered tr:nth-child(even) td { background-color: #F4FAFB;}
table.bodered tr th { background-color:#E0F1F4; text-align:left; }
table.bodered sup { position:relative; top:-3px;}