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

*{ margin: 0; padding: 0;}

/* Html //////////////////////////////////////////////////////////////////////////////////////////*/
body { font-family: "方正准圆简体", Lucida Sans,Verdana, Arial, sans-serif; font-size: 10pt; color:#333; line-height: 150%; background: #fff; }
div,dd { display: block; }
a { color: #00aedb; text-decoration: none;}
a:hover { text-decoration: underline; }
img { border: 0 }
h1 { display: none; }
h2 { display: block; font-size: 1.4em; color: #457900; margin-bottom: 15px;}
h3 { font-size: 1.2em; color: #457900; margin-top:2px; }
h4, h5 { color: #457900; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1em; }
p { color: #444; line-height: 1.7em; }
ul { list-style: none; }
label { display: block; }
table { margin-bottom: 15px; }
td { vertical-align: meddle; }
.resource td { vertical-align: top ;}
td p { color: #666; }
hr { border:0; height: 3px; color: #693; }
form, input, textarea {font-family: "方正准圆简体"; font-size:10pt;}
ol li { margin-bottom: 10px; list-style-position: inside; }

/* Basic /////////////////////////////////////////////////////////////////////////////////////////*/
.clear { clear: both; }
.right { float: right; }
.on { cursor: default; }
a.btn_more { display: block; float: right; margin-top: 5px;}
.star { color: #F00; }
#email, #company, #subject { width: 270px; }
#main .btn_PIUT { display:block; width: 470px; height: 110px; background: url('../_media/home_btn_piut.jpg') no-repeat; margin-top: 10px; }
#main .btn_PIUT:hover { display:block; width: 470px; height: 110px; background: url('../_media/home_btn_piut_hover.jpg') no-repeat; }
#subpgae .btn_img { width: 170px; }
.btn_PIUT:hover img {filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70; }
.btn_top { display:block; float:right; margin-bottom: 15px; }

.author, .comm { display: none; }
.table_line { border-top: #ccc solid 1px; margin-top: 10px; margin-bottom: 30px; }
.table_line td, .table_line th { border-bottom: #ccc solid 1px; padding-top: 1em; }

.dash { text-indent: 2em; }

/* Layout ////////////////////////////////////////////////////////////////////////////////////////*/
.base { width: 960px; margin: 0 auto; padding-bottom: 15px; }
.header { width: 960px; height: 135px; background: url('../_media/header.jpg') left top no-repeat; margin-bottom: 15px; }
.banner { width: 960px; height: 330px; margin-bottom: 25px; z-index: 999; }
.content { margin-bottom: 20px; }
.left_col { width: 470px; float: left; }
.right_col { width: 470px; float: right; }


/* Header ////////////////////////////////////////////////////////////////////////////////////////*/
.logo { display: block; width: 196px; height: 64px; margin: 15px 0 30px 0; float: left }

.contact_info { width: 310px; height: 22px; float: right ; margin-top: 60px;}
.contact_info p { background: url('../_media/icon_phone.gif') left 4px no-repeat; float: left; padding-left: 20px; }
.contact_info a { background: url('../_media/icon_mail.gif') left 4px no-repeat; float: right;  padding-left: 20px; margin-top:2px; margin-right:;}



/* Naviagtion ////////////////////////////////////////////////////////////////////////////////////*/
.navigation { background: #fff; height: 27px;}
.navigation span { display: none; }
.navigation ul { list-style: none; float:left;}
.navigation p{ float:right;}



.navigation .home { background: url('../_media/navigation.jpg') left top; width: 68px; height: 27px; margin-right: 1px; }
.navigation .services { background: url('../_media/navigation.jpg') -68px top; width: 92px; height: 27px; margin-right: 1px;}
.navigation .experience { background: url('../_media/navigation.jpg') -160px top; width: 116px; height: 27px; margin-right: 1px;}
.navigation .about_us { background: url('../_media/navigation.jpg') -276px top; width: 97px; height: 27px; margin-right: 1px;}
.navigation .resource { background: url('../_media/navigation.jpg') -373px top; width: 94px; height: 27px; margin-right: 1px;}
.navigation .career { background: url('../_media/navigation.jpg') -467px top; width: 74px; height: 27px; margin-right: 1px;}
.navigation .contact_us { background: url('../_media/navigation.jpg') -541px top; width: 108px; height: 27px; }
.navigation .portfolio { background: url('../_media/navigation.jpg') -660px top; width: 92px; height: 27px; margin-right: 1px;}

.navigation .home:hover { background: url('../_media/navigation.jpg') left 54px ; }
.navigation .services:hover { background: url('../_media/navigation.jpg') -68px 27px ; }
.navigation .experience:hover { background: url('../_media/navigation.jpg') -160px 27px ; }
.navigation .about_us:hover { background: url('../_media/navigation.jpg') -276px 27px ; }
.navigation .resource:hover { background: url('../_media/navigation.jpg') -373px 54px ; }
.navigation .career:hover { background: url('../_media/navigation.jpg') -467px 54px ; }
.navigation .contact_us:hover { background: url('../_media/navigation.jpg') -541px 27px ; }
.navigation .portfolio:hover { background: url('../_media/navigation.jpg') -660px 27px;}

.navigation .language { margin-top: 3px; }

#main .navigation .on { background: url('../_media/navigation.jpg') left 54px; }
.services .navigation .on { background: url('../_media/navigation.jpg') -68px 54px; }
.experience .navigation .on { background: url('../_media/navigation.jpg') -160px 54px; }
.about_us .navigation .on { background: url('../_media/navigation.jpg') -276px 54px; }
.resource .navigation .on { background: url('../_media/navigation.jpg') -373px 54px; }
.career .navigation .on { background: url('../_media/navigation.jpg') -467px 54px; }
.contact_us .navigation .on { background: url('../_media/navigation.jpg') -541px 54px; }

/* Content ///////////////////////////////////////////////////////////////////////////////////////*/
.intro p { margin-bottom: 1.5em; }
 
.news .news_info { width: 100px; float: left; }
.news .news_copy { width: 360px; float: right; }
.news .author { color: #999; }

.news dl { border-top: 1px dotted #666;}
.news dd { display: block; border-bottom: 1px dotted #666;  padding-bottom: 5px; padding-top: 5px; }
.feature { padding: 15px 0; }
.feature p { float:left; }
.feature a { float: right; }
.feature a:hover img { filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70;}

.testimonial { width: 380px; height:160px; background: url('../_media/paper.jpg') left top no-repeat; }
.testimonial p { padding: 30px; }

/* / Subpage /////////////////////////////////////////////////////////////////////////////////////*/
#subpage h3 { font-size: 18pt; margin-bottom: 0.5em; font-weight: normal; letter-spacing: -0.6pt; line-height: 100%; font-weight: bold;}
#subpage h4 { font-size: 13pt; margin-bottom: 0.5em; }
#subpage .copy p { display: block; margin-bottom: 1.2em;}
#subpage .copy h5, #subpage .copy h4 { margin-top: 2em; }
#subpage .breadcrumb { margin-bottom: 15px; }
#subpage .side_navi { width: 176px; float: left; padding: 10px; background: url('../_media/side_bg.jpg') no-repeat; min-height: 200px; } 
#subpage .side_navi .on a { font-weight: bold; color: #457900; text-decoration: none; }
#subpage .side_navi .on li a { font-weight: normal; color: #00aedb; }
#subpage .side_navi .on li a:hover { text-decoration: underline; }
#subpage .side_navi ul{ margin-top: 0.8em; }
#subpage .side_navi .sub_lv ul{ margin-left: 10px; }
#subpage .side_navi li { margin-bottom: 0.8em; } 
#subpage .side_navi .sub_lv li { background: url('../_media/icon_arrow_blue.gif') left 7px no-repeat; padding-left: 7px; } 
#subpage .side_navi .sub_lv li.on { background: url('../_media/icon_arrow_green.gif') left 7px no-repeat; padding-left: 7px; } 
#subpage .side_navi h2 { padding-bottom: 10px; border-bottom: 1px solid #693; }

#subpage .content_area { width: 747px; border-top: 3px solid #9fcf67; float: right; }
#subpage .copy .functions { display: block; margin: 15px 0; list-style: none; float: right; }
#subpage .functions li { float: left; margin-left: 15px; }
#subpage .functions a { display: block; padding: 5px 0 0 20px;  }
#subpage .functions a.addthis_button_compact { padding-left: 0; }
#subpage .icon_email { background: url('../_media/icon_send_mail.gif') no-repeat; } 
#subpage .icon_print { background: url('../_media/icon_printer.gif') no-repeat; } 
#subpage a.icon_pdf { display: none; background: url('../_media/icon_pdf.gif') no-repeat;  }
#subpage .copy { width: 560px; float: left;  }
#subpage .copy ul { list-style: disc; margin-left: 15px; margin-bottom: 15px; }	
#subpage .copy ul li { margin-bottom: 0.3em; }

#subpage .side { width: 170px; float: right; }
#subpage .side div { width: 170px; background: url('../_media/side_outline.gif') bottom no-repeat; margin-bottom: 15px; padding-bottom: 5px;  }
#subpage .side h4 { font-size: 1em; color: #FFF;  background:url('../_media/side_title_bar.gif') no-repeat; padding: 5px; }
#subpage .side h5, #subpage .side p, #subpage .side ul { margin: 5px 5px 10px 5px; line-height: 120%; }
#subpage .side h5 { margin-bottom: 0; }
#subpage .side ul li { margin-bottom: 5px; } 
#subpage .side .related p { margin: 0; }
	
#subpage .copy th { vertical-align: top; text-align: left; }

.question { padding: 10px; background: #f1ffcc; }
#subpage .question h3 { font-size: 13pt; }
#subpage .question p { margin-bottom: 0 }

/* Footer ////////////////////////////////////////////////////////////////////////////////////////*/
.footer font { float: right; margin-top: 5px; font-size: 1em; }
.footer_bar { width: 920px; height: 30px; background: url('../_media/footer_bar.gif') no-repeat; padding: 20px; margin-top: 15px; }
.footer_bar p { color: #FFF; margin-left: 40px; line-height: 140%; font-size:0.9em; }
.foot_navi { width: 220px; float: right; margin-top: 6px; }
.foot_navi li { display: inline; float: left; list-style: none; margin-left: 15px; }
.foot_navi a { color: #000; }
.foot_navi a:hover, .foot_navi .on { color: #FFF; text-decoration: none; }
p a:hover img { filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70; }

/* Blog */
.ctext { width: 400px; float:left ; }
.comment-author { width: 150px; float: left; font-size: 8pt; }
.comment-author img { margin-right: 5px; float: left; }
#respond { padding-top: 1em; }
article{ display:block; margin-bottom: 30px; }
#subpage .section h4 { font-size: 9pt; }
.section li { background: url('../_media/icon_arrow_blue.gif') left 7px no-repeat; padding-left: 7px; }
.section { padding-left: 10px; }
.post h3, .pmeta, .entry , .ptags{ margin-bottom: 10px; }
.copy .navigation a { margin-left: 8px; } 
.pmeta, .ptags { color:#666; font-size: 8pt; }

#wp_page_numbers { margin-top: 15px; margin-left: 0;}
#wp_page_numbers .active_page { background: #457900;}
#wp_page_numbers .active_page a { color:#FFFFFF; cursor: default; }
#wp_page_numbers .active_page a:hover { text-decoration: none; }
#wp_page_numbers li { display: block; padding: 0 5px; float: left; list-style: none;}
.commentlist { list-style: none; }


/* Print */
@media print{
  @page {  margin: 10%;	}
  .header, #subpage .side_navi, #subpage .side, .footer, #subpage .copy .functions, #subpage .breadcrumb, .btn_top { display: none; }
  #subpage .content_area { width: 100%; padding: 20pt; }
  #subpage .copy { width: 750px; }
  #subpage p, #subpage ol, #subpage ul { font-size: 9pt; }
  #subpage h3 { font-size: 18pt; margin-bottom: 1em; }
  #subpage h4 { font-size: 12pt; margin-bottom: 1em; }
}