@charset "utf-8";
/* CSS Document */
/* CSS Document */
body{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color:#000000;
margin:0px;
padding:0px;
padding-bottom:10px;
 background:#d7dfe2
}
.withfadebg{ background:url(../images/bg_loginpage.jpg) repeat-x;}
.withshadowbg{ background:url(../images/bg_body.jpg) repeat-y center top #f2f2f2;}

a{ color: #339900; text-decoration:none; cursor:pointer}
a:hover{ color: #ff8b03; text-decoration: underline}
p{ line-height:20px; margin-top:8px; margin-bottom:20px; }
form{ margin:0px; padding:0px}
input,select,textarea{font: normal 12px/20px Arial, Helvetica, sans-serif;}
/* Multi-browser clearing fix------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}


.bordertop{ border-top:#efe5b6 solid 1px;}
.borderright{ border-right:#efe5b6 solid 1px;}
.borderbottom{ border-bottom:#efe5b6 solid 1px;}
.borderleft{ border-left:#efe5b6 solid 1px;}
.withborder{ border:#CCCCCC 2px solid; background:url(../images/bg_table.jpg) repeat-x;}
.floatleft{ float:left}
.floatright{ float:right}

h1,h2,h3,h4,h5,h6,h7,ul,li,ol{ margin:0px; padding:0px; list-style:none}
img{ border:0px}
.inputcls{ background:url(../images/bg_input.gif) repeat-x; height:18px; border:#bde49a 1px solid}

h3.title3{color:#76923c; font-weight:bold; font-size:13px; line-height:26px; margin:10px 0px;}

#bodybox{ background:url(../images/bg_main.jpg) repeat-y center top; width:1000px; margin:0 auto;}

#mainbody{ width:960px; margin:0 auto;}

#headercotainer{ width:960px;height:85px; margin:0 auto;}
#headercotainer_index{ width:960px;height:85px; margin:0 auto; }
#menucontainer{ width:960px; background:url(../images/menubg.gif) repeat-x; margin: 0 auto}
#indexbannercotainer{ background:#70bf40; height:312px; width:960px; overflow:hidden; margin:0 auto}
#subbannercotainer{ background:#339900; height:71px;  width:960px; overflow:hidden; margin:0 auto}
#subbannercotainer_menu{ background:#339900; height:38px;  width:960px; overflow:hidden; margin:0 auto}

.submenulist{ margin:0px; padding:0px 10px;}
.submenulist li{ float:left; color:#FFFFFF;font-size:16px; font-weight:normal; line-height:38px;}
.submenulist li a{ padding:0px 20px;color:#FFFFFF; text-decoration:none; display:block}
.submenulist li a:hover{ background:#99CC00;}

.indexbannerbox{background: url(../images/banner_index.png) no-repeat; width:960px; margin:0px auto; height:312px; position:relative; padding-top:30px;}
.indexbannerbox .titletxt{ padding-left:25px; margin-left:420px; line-height:60px;font-family: "Times New Roman", "Courier New", serif; font-style: italic; font-weight: normal; font-size:32px; color:#FFEA00;}
.indexbannerbox .contenttxt{padding-left:65px; margin-left:420px;color:#FFFFFF; padding-right:50px;font-family: "Times New Roman", "Courier New", serif; font-style: italic;font-size:16px;line-height:24px;}
.indexbannerbox .bttnrow{ text-align:right; padding-right:70px}


.indexct_left{ float:left; width:360px; background:#f2f8ef;}
.howitwtitle{ color:#339900; font-size:48px;font-family:  "Times New Roman", "Courier New", serif; font-style: italic; font-weight:normal; line-height:60px; text-align:center}
.howitwtitle em{ color:#f7951e}

.indexct_right{ float:left; margin-left:10px; width:560px; padding-top:20px;}
.getstart{ background:url(../images/bg_line.jpg) no-repeat; height:65px; width:560px;color:#339900; font-size:30px;font-family: "Times New Roman", "Courier New", serif; font-style: italic; font-weight:normal; line-height:36px; padding-left:60px; }
.getstart a{position: relative; z-index:100}
.getstart a:hover{ text-decoration:none}

.logobox{ float:left; padding:0px 0px 0px 10px;}
.logoconect{ float:left;}
.logoword{ float:left;padding-top:35px; color:#339900; font-family: "Lucida Fax", Georgia, "Times New Roman", "Courier New", serif; font-style: italic; font-size:18px;}
.userbox{float:right; padding-top:30px; padding-right:30px;}
.menubox{ width:700px; margin:0px auto; padding-left:230px;}
.menubox .bttnmenu{ float:left; width:210px; margin-right:0px;font-family:  "Times New Roman", "Courier New", serif; font-style: italic; text-align:center; }
.menubox .bttnmenu a{ display:block; margin-right:1px;}
/*
.menubox .bttnmenu a{display:block; margin-right:1px;  color:#FFFFFF; font-size:20px; background:url(../images/tab_main_big.gif) no-repeat 0px 0px;line-height:39px;}
.menubox .bttnmenu a span{ display:block;padding:0px 15px; background:url(../images/tab_main_big.gif) no-repeat 100% -85px; }
.menubox .bttnmenu a.menunow, .menubox .bttnmenu a:hover{ text-decoration:none; background:url(../images/tab_main_big.gif) no-repeat 0px -41px;line-height:43px;}
.menubox .bttnmenu a.menunow span,.menubox .bttnmenu a:hover span{ display:block;padding:0px 15px; background:url(../images/tab_main_big.gif) no-repeat 100% -126px;}
*/

.menubox .textmenu{ float:left; padding-top:5px;font-family:  "Times New Roman", "Courier New", serif; font-style: italic; }
.menubox .textmenu a{ display:block; margin-right:1px; float:left}

/*
.menubox .textmenu a{display:block; float:left;margin-right:1px;  color:#FFFFFF; font-size:14px; background:url(../images/tab_main.gif) no-repeat 0px 0px;}
.menubox .textmenu a span{ display:block;padding:0px 15px; background:url(../images/tab_main.gif) no-repeat 100% -72px;}
.menubox .textmenu a.menunow, .menubox .textmenu a:hover{ text-decoration:none; background:url(../images/tab_main.gif) no-repeat 0px -36px;}
.menubox .textmenu a.menunow span,.menubox .textmenu a:hover span{ display:block;padding:0px 15px; background:url(../images/tab_main.gif) no-repeat 100% -108px;}
*/


.companynamebox{ background:url(../images/banner_sub.jpg) no-repeat; width:960px; margin:0px auto; height:71px;}
.companynamebox .cname{ float:left;font-family: "Times New Roman", "Courier New", serif; font-style: italic;font-size:28px; line-height:30px; color:#FFFFFF; padding:20px 0px 0px 100px;}
.companynamebox .cname em{ color:#fea101;}
.companynamebox .cost{ float:right; width:360px;font-family: "Lucida Fax", Georgia, "Times New Roman", "Courier New", serif; font-style: italic;font-size:14px; color:#f3ffe8; padding:20px 20px 0px 0px; line-height:30px; text-align:right}
.companynamebox .cost strong{ color:#ffea00;font-size:20px; font-weight: normal;}

.psbox{ background:url(../images/bg_ps.gif) no-repeat; width:952px;  height:31px; margin-top:10px}
.psbox strong{ color:#0079b7;}
.cpname{ font-size:14px; font-weight:bold; padding-left:15px; line-height:31px; float:left}
.unit_counter{ float:right; padding-top:4px; padding-right:12px;}

#maincontainer{ width:940px; padding:10px;}
.main_flash_box{ float:left;}
.main_bttn_box{ float:left; margin-left:10px}

.dp_counter{ position: absolute;margin-left:525px; top:200px; width:400px; text-align:right; font-family: "Lucida Fax", Georgia, "Times New Roman", "Courier New", serif; font-style: italic;font-size:14px; color:#339900}
.dp_counter em{ color:#ff8b03}

.bttn_blue{ display:block; float:left; margin-left:5px;background:url(../images/bttn-btb.gif) no-repeat; width:47px; height:22px; text-align:center; line-height:22px; font-weight:100}
.bttn_gray{ display:block; float:left; margin-left:5px;background:url(../images/bttn_btg.gif) no-repeat; width:47px; height:22px; text-align:center; line-height:22px; color:#7e7e7e}
a.bttn_gray:hover{ color:#333333; text-decoration:none}
.bttn_yellow{ display:block; float:left; margin-left:5px;background:url(../images/bttn_bty.gif) no-repeat; width:47px; height:22px; text-align:center; line-height:22px; color:#f78600}
a.bttn_yellow:hover{ color: #FF3300; text-decoration:none}

.choosect{ padding:10px 10px 0px 10px;}
.choosect .choosebox{ background:url(../images/bg_title_m.jpg) repeat-x; height:40px;}
.choosebox_left{ background:url(../images/bg_title_left.jpg) no-repeat left top; color:#FFFFFF; float:left;height:40px; line-height:35px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:20px; width:880px;}
.choosebox_rigt{ background:url(../images/bg_title_right.jpg) no-repeat right top; width:16px; float:right; height:40px}

.dp_listcontainer{ padding:10px 0px 10px 10px; font-family:Arial, Helvetica, sans-serif}
.gridbox{ float:left; width:176px;height:180px; margin-right:6px; overflow:hidden; margin-bottom:25px; background:#FFF; border:#80ca47 1px solid;  }
.gridbox .gtop{color:#49961a}
.gridbox .iconbox{height:104px; overflow:hidden;}
.gridbox .iconbox .imgbox{ text-align:center}
.gridbox .iconbox .timeshowbox{ 
    position: absolute;
	background:#339900; 
	color:#FFF; 
	padding:3px;  
	text-align:center;
	 width:170px;
    filter:alpha(opacity=80); /*IE*/
    -moz-opacity:0.8; /*MOZ , FF*/
    opacity:0.8; /*CSS3, FF1.5*/

}
.gridbox .namebox{ text-align:center; margin:4px 0px; color:#416271;}
.gridbox .namebox em{ color:#49961a; font-family:"Times New Roman", Times, serif}
.bttnbox{ position:absolute; width:178px; text-align:center; background:url(../images/bg_box_footer.gif) no-repeat left top; margin-left:-1px;}

.paging{ text-align:right; padding:0px 10px; background:#fafff5; border:#e6efdd 1px solid; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#72c042; line-height:28px}
.paging span{ color:#FF3300}


.dateimgbox{ padding:10px; text-align:center}
.datemsgbox{ width:400px; border:#CCCCCC 1px solid; margin:10px auto; padding:15px}
.pageingbox{ text-align:center}

.pagetitle{font-family:"Times New Roman", Times, serif; color:#339900; font-size:36px; line-height:50px; }
.contentbox{}

#footerbox{ width:940px; margin:0px auto; background:#416271;padding:5px 10px; color: #FFFFFF; font-size:11px; }
#footerbox a{ color:#FFF; font-size:10px;}
#footerbox a:hover{ color:#FF9900}


.subctbox{width:900px; margin:0 auto;}
.subpagetopbox{ padding:10px 0px;}
.submainbox { background:#FFF; border:#339900 1px solid; padding:10px;}
.subtitle{font-family: "Times New Roman", "Courier New", serif; font-style: italic;font-size:36px; line-height:40px; color:#339900; text-align:right}
.subchoosebox{ line-height:30px; border-bottom:#339900 1px solid;font-family: "Times New Roman", "Courier New", serif; font-style: italic;font-size:16px; }

#editpolicybox{ position:absolute; z-index:10000; top:300px; left:50%}
#editpolicybox .containerbox{ margin-left:-150px; width:300px; background:#FFF; border:#339900 5px solid; padding:0px 10px 10px 10px;}
#editpolicybox .btnbox{ padding:5px 0px; text-align:right}
#editpolicybox table td{ padding:5px;}

ul.listcontent{ padding:0px 20px;}
ul.listcontent li{ line-height:30px; background:url(../images/list_icon.jpg) no-repeat left 5px; padding-left:30px;}

.tableborder{ border-right:#7f7f7f 1px solid; border-bottom:#7f7f7f 1px solid;}
.tableborder td{border-top:#7f7f7f 1px solid;border-left:#7f7f7f 1px solid}
.tableborder td.noborder{ border:none}


/* lditch */
h2{ color:#339900; font-size:24px;font-style:normal; font-weight:normal; }
#footer-wrapper{ background:url(../images/bg_main.jpg) repeat-y center top; width:1000px; margin:0 auto;}
.page-title{color:#339900; font-size:26px; line-height:50px; font-weight:bold;}
.sidebar{ border: 1px solid #C9E1F4; margin-left:10px; margin-bottom: 20px; padding: 10px; width: 250px}
.sidebar .title{ color:#416271; font-weight: bold; line-height:24px; }
.sidebar a{ color:#416271; }
.green-text{ color:#339900; }
.white-text{ color:#FFFFFF; }
.language {text-align:right; padding:25px 20px 0 0}
.language span { padding-left:10px;}

.formline { margin-bottom:8px;}
.formLabel { float:left; width:240px; text-align:right; margin-right:8px;}
.formInput input{ width:245px; }
.formRadio { }
.formSubmit { margin:10px 0 0 248px;}
.formRadio span.wpcf7-list-item { margin-left:-5px; margin-right:15px;}
.formline span.wpcf7-not-valid-tip-no-ajax { padding-left:248px}
.lastenews { margin-top:10px; border-bottom:1px solid #339900; margin-bottom:10px;}
.lastenewstitle {color:#339900;  font-size:20px;}
.reditalic { color:#FF0000; font-style:normal;font-weight:bold; line-height:26px;}
.fontsize18 { font-size:18px; }

.ces2011title { font-size:18px; color:#339900; }
.casestudy { text-align:center;}
.casestudy img { border:1px; border-color:#000000; border-style:solid;}
.cescss { width:220px; float:left; margin-left:70px; margin-top:10px;}
.booth { color:#FF0000; font-weight:bold; }
.newstitlelink {}
ul.lastestnewsright li {background:url(../images/blue_icon.jpg) no-repeat left 5px; padding-left:30px; background-position:top left;}
ul.energyinformation li {background:url(../images/list_icon.jpg) no-repeat left 5px; padding-left:30px; background-position:top left; }
ul.energyinformation { margin-top:10px; margin-bottom:25px;}