body{ margin:auto; padding:0; width:1002px; font-size:11px; color:#3f3f3f; font-family:Arial, Helvetica, sans-serif; background:#D0CFCB;}

a{ color:#3F3F3F; text-decoration:none;}

img{ border:0;margin:0; padding:0;}

h1{display:none;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif;}

p{ line-height:180%; margin:0; padding:0; text-align:justify;}

p span{ font-weight:bold; font-size:12px; padding-right:5px;}

p a{ color:#BE7E01;}

p strong{}

ul{ margin:0; padding:0;}

li{ list-style:none; display:block;}

input{ border-style:none;}

table,table td{ margin:0; padding:0; border:0;}

div{ padding:0;}



/*    Common    */
#i_com a,#right a,#p_title a{color:#BE7E01;text-decoration:underline}
#center{ width:1002px; margin:0 auto; text-align:center; background:url(../images/center_bg.gif) center center repeat-y;}

#title{ width:900px; margin:0 auto; text-align:right; padding-right:10px;}
#title img{ float:left;}
#title_r{ float:right; margin-top:5px;}
#title a{ line-height:0px; padding:0 5px;}
#title span{ display:block; padding:57px 20px 0 0;}
.green{ color:#008477; font-weight:bold;}


#mainnav{ width:900px; background:#CBCBCB; height:28px; margin:0 auto; clear:both;}
#mainnav ul{ padding-top:2px; height:24px; width:630px; float:left;}
#mainnav li{ font-size:14px; font-weight:bold; line-height:24px; text-align:center; width:125px; background:url(../images/nav_li.gif) right no-repeat; display:block; float:left;}
a.menu:link,a.menu:visited{ color:#3f3f3f; display:block; padding:0;}
a.menu:hover{ background:url(../images/menu_hover.gif) left bottom no-repeat; color:#fff;}
a.current_menu:link,a.current_menu:visited,a.current_menu:hover{ background:url(../images/menu_hover.gif) left bottom no-repeat; color:#fff; display:block; padding:0;}

#search{ width:173px; margin:0 auto; font-size:12px; height:14px; padding:5px 32px; float:right;}
#search input{ background:#fff; width:150px; border:solid 1px #747475; height:14px; float:left; color:#666;} 
#search img{ margin-left:2px; float:left; padding:0;}

#current{ width:900px; color:#008277; line-height:25px; text-align:left; border-bottom:solid 2px #CBCBCB; margin:0 auto; clear:both;}
#current a{ margin:0; padding:0 5px 0 0; color:#CBCBCB;}

#mainbody{ background:url(../images/mainbody_bg.gif) left repeat-y; text-align:left; width:900px;  clear:both; display:table; margin:10px auto;}

#subnav{ width:208px; float:left;}
#subnav h2{ color:#fff; font-size:12px; line-height:21px; padding-left:15px; background:#008277;}
#subnav h3 a{ font-size:12px; font-weight:normal; line-height:23px; color:#3f3f3f; display:block; padding-left:15px;}
#subnav h3 a:hover{ color:#008277;}

#right{ width:672px; float:right;}
#right h2{ color:#008277; font-size:14px; line-height:20px; margin-bottom:3px;}
#right p{ line-height:220%;}

#footer{ width:1002px; font-size:11px; color:#3f3f3f; background:#D0CFCB url(../images/footer_bg.gif) center top no-repeat; display:table; text-align:left; clear:both; padding-top:10px;}
#footer p{ color:#666; line-height:200%; text-align:left; padding:10px 30px;}
#footer a{ color:#BE7E01; text-decoration:underline;}
div#footer div p{ color:#3f3f3f;}


/*     Index Start       */
#i_mainbody{ width:900px; text-align:left; margin:0 auto;}

#i_banner{ margin:3px 0 10px;}

#i_left{ width:528px; float:left;}

#i_com2{margin:10px 0;}
#i_com2 p{padding:10px;line-height:14px;}
#i_com h2,#i_com2 h2,#i_news h2{ color:#008477; font-size:14px; line-height:26px; background:#E8E8E8; padding-left:12px;}

#i_adv h2{ color:#008477; font-size:14px; margin-bottom:12px;}

#i_news{ margin-top:15px;}
#i_news li{ padding:10px 0;}
#i_news a{ color:#008477;}
#i_news a:hover{ color:#3f3f3f; text-decoration:underline;}
#i_news span{ color:#AEAEAE; display:block;}

#i_right{ width:355px; float:right;}
#i_right div{ width:355px; clear:both;}

#i_pro{ width:355px; background:#E8E8E8; display:table;}
#i_pro h2{ color:#fff; font-size:12px; line-height:25px; text-align:center; width:117px; margin-right:1px; background:#008477; float:left;}
#i_pro h2 a{ background:#E8E8E8; display:block;}
#i_pro ul{ width:355px; margin:0; padding:0; clear:both;}
#i_pro li{ width:70px; height:106px; text-align:center; background:#008477; margin:20px 9px 01important; margin:20px 9px 0!important; margin:20px 7px 0; float:left;}
#i_pro li img{ margin-top:4px; width:68px; height:67px;}
#i_pro h4 a{ color:#fff;}
#i_pro span a{ color:#D0A967; background:url(../images/arrow_g_s.gif) left 4px no-repeat; padding-left:7px; margin:20px 10px 7px; display:block; float:right;}


#i_com{ margin-top:15px;}

#i_adv h3 a,div#i_news span a,#i_com span a{ font-size:12px; color:#3f3f3f; font-weight:normal; background:url(../images/arrow_green.gif) left no-repeat; margin-top:10px; padding-left:20px; display:block;text-decoration:none}
/*     Index End       */


/*    Column Start     */
#a_main{ width:672px; background:url(../images/a_right_bg.gif) right repeat-y; float:right;}

#a_banner{ border-bottom:solid 5px #fff;}

#a_left{ width:485px; padding-top:15px; float:left;}
#a_left p{ line-height:250%; text-indent:1.2em;}

#a_news{ margin-top:50px; padding-bottom:30px;}
#a_news h2{ color:#008277; font-size:14px; margin-bottom:5px;}
#a_news li{ padding:5px 0;}
#a_news li span{ color:#999; font-weight:bold; padding-right:5px;}
#a_news li a:hover{ color:#008277; text-decoration:underline;}


#a_right{ width:150px; text-align:center; padding:10px 7px 0 0; float:right;}
#a_right h2{ color:#fff; font-size:12px; line-height:20px; background:#666;}
#a_right h3{ color:#008277; text-align:left;}
#a_right img{ margin:10px 0;}
#a_right p{ text-align:left;}
#a_right div h2{ color:#008277; text-align:left; margin-top:30px; background:none;}

#leaveword{ margin-top:30px; padding-top:30px; border-top:solid 1px #DADADA;}
#leaveword h2{ font-weight:normal;}
#leaveword input,#leaveword textarea{ border:none; width:335px; background:#E3E3E3; margin:5px 0;}
#leaveword dt{ width:80px; text-align:right; padding-right:7px; margin:5px 0; float:left;}
#leaveword img{ margin:10px 25px;}

#map img{ margin:20px 20px 20px 0;}

#a_load{ margin:30px 0 20px;}
#a_load h2{ margin-bottom:5px;}
#a_load a{ padding-left:5px; text-decoration:underline;}


#link { padding:10px 0;}
#link li{ width:670px; height:125px; margin:15px 0; display:table; float:left;}
#link li img{ height:100px; width:100px; float:left; margin-right:20px;}
#link li p{ line-height:150%; padding:0; margin:0;}
#link li p span{ font-weight:bold; display:block; color:#666;}
#link li p span a{ color:#2C498D; font-size:12px; line-height:40px;}
#link li p span a:hover{ text-decoration:underline;}

#view li h4,#project li h4{ font-size:12px; display:block; line-height:25px;}
#view li,#project li{ width:210px; float:left; overflow:hidden; display:table; margin:10px 15px; text-align:center; }
#view li img{ width:210px; height:120px;}
#project li img{ width:210px; height:150px;}

#sitemap{ width:672px; clear:both; padding:20px 0;}
#sitemap li{ width:218px; float:left; margin-right:2px; display:table;}
#sitemap h4 a{ display:block; font-size:12px; color:#003960; line-height:23px; padding-left:17px; background:#B9E5FA url(../images/arrow_white.gif) 5px 7px no-repeat; border-bottom:solid 1px #639FC8; border-right:solid 1px #639FC8; margin-top:1px;}
#sitemap h5 a{ font-weight:normal; line-height:23px; background:#eee; display:block; padding-left:17px; margin-top:1px;}
#sitemap h5 a:hover{ background:#D9F1FD url(../images/arrow_r_l.gif) 5px 7px no-repeat;}
/*    Column End     */


/*    News Start     */
#news{ width:672px; clear:both;}
#news img{ float:left; margin:10px 10px 10px 25px;}
#news span{ color:#999;}
#news p{ padding:5px 25px;}
#news ul{overflow:hidden;text-align:left;clear:both;}
#news li{ line-height:180%; margin:10px 0;clear:both;}
#news li a{color:#3F3F3F;text-decoration:none;}
#news li a:hover{ text-decoration:underline;}
div#news li span{ float:left; color:#008277; font-weight:bold; padding-right:5px;}
/*    News End     */


/*    Products Start     */
#p_subnav{ width:208px; float:left;}
#p_subnav h2{ color:#fff; font-size:12px; line-height:21px; padding-left:15px; background:#008277;}
#p_subnav h3 a{ font-size:12px; line-height:23px; color:#3f3f3f; padding-left:15px; background:#EBEBE3; margin-top:2px; display:block;}
#p_subnav h4 a{ font-size:12px; font-weight:normal; line-height:23px; color:#3f3f3f; padding-left:15px; background:#F6F6EF; margin-bottom:1px; display:block;}
#p_subnav a:hover{ color:#008277;}


#p_left{ width:485px; padding-top:15px; float:left;}
#p_left p{ line-height:220%; text-align:left;}
#p_left li{ width:133px; height:175px; background:#008277; text-align:center; margin:20px 14px 5px!important; margin:20px 14px 5px!important; margin:20px 12px 5px; float:left;}
#p_left li img{ margin:8px 0;}
#p_left li a{ font-size:12px; color:#fff;}


#products{ width:672px; padding-bottom:10px; float:right;}
#products p{ padding:10px 10px 0 20px;}

#pro_search{ width:672px; text-align:center; padding:3px 0; background:#D1D1D1; clear:both;}
#pro_search input{ width:100px; height:13px; border:1px solid #949494; margin:0 5px 3px 0; color:#3f3f3f;}
select{ border:1px solid #949494; height:18px;}
select option{ color:#666; background:#fff;}
#pro_search img{ margin:0;}
#pro_search span{ line-height:20px; color:#3f3f3f;}

#products li{ width:133px; height:175px; background:#008277; text-align:center; margin:20px 16px 5px!important; margin:20px 16px 5px!important; margin:20px 15px 5px; float:left;}
#products li img{ width:125px; height:125px; margin:8px 0;}
#products li a{ font-size:12px; color:#fff;}
#products li input{width:12px;height:12px;vertical-align:middle}


#pro_info{ width:672px; padding:20px 0 10px; background:url(../images/pro_info.gif) left repeat-y; display:table; float:right;}
#pro_info h2{ font-size:14px; margin-bottom:10px;}
#pro_info h4{ font-weight:normal;}
#pro_info strong{ color:#333;}
#pro_info a{ color:#3F3F3F;}
#pro_info a:hover{ text-decoration:underline;}

#p_txt{ width:270px; padding:0 15px; float:left;}
#p_txt img{ margin:20px 20px 10px 0;}
#p_txt div{ margin-top:40px;}
#p_txt h1{ font-size:14px; margin-bottom:10px;}

#p_pic{ width:360px; text-align:center; float:right;}
#p_pic div img{ float:right;}
#p_pic h3{ text-align:left; border-top:solid 1px #DFDFDF; border-bottom:solid 1px #DFDFDF; margin:20px 0;}
#p_pic li { width:107px; height:107px; border:solid 1px #C8C8C8; margin:10px 5px!important; margin:10px 5px!important; margin:10px 4px; overflow:hidden; float:left;}
#p_pic li img { width:107px;height:107px;}


#btn{ width:270px; clear:both; margin-top:50px; padding-top:50px;}
/*    Products End     */


#new_btn{ width:650px; clear:both; margin:0 auto; text-align:right; border-bottom:1px solid #D9D9D9; border-top:1px solid #D9D9D9; padding:3px 0;}
#new_btn span{ width:auto; height:auto; margin:5px 3px 0 0; padding:0; line-height:16px;}
#new_btn a{ font-size:11px;}
a.page:link,a.page:visited{ color:#008277; background:#E6E6E6; padding:2px 5px 2px;}
a.page:hover{ color:#fff; background:#008277;}
a.page2:hover,a.page2:link,a.page2:visited{ color:#fff; background:#008277; padding:2px 5px 2px;}


/*       LeaveWord Start      */
.feed{ width:100%; text-align:left; color:#666; font-weight:bold; font-size:11px; }
.feed td{ border:1px solid #ccc; padding:0 0 3px 10px;}
.feed input, .feed textarea{ margin:5px 0 0 5px; padding:0; border:0; background:#fff;}

a.join:link,a.join:visited,a.join:hover{ color:#3f3f3f;}
a.foot:link,a.foot:visited{ color:#666;}


.feed_table{ width:100%;}
.feed_table font{text-align:right;display:block;margin:2px 5px 2px;}
.feed_list{ width:100%; margin:0px; padding:0px;}
.feed_list p{ line-height:150%; color:#666;}

.red{ color:#7E2827; font-weight:bold;}
.name{ color:#666;display:block; font-size:14px; font-weight:bold;}
.feed_res{color:#ff0000;}
.grey{ color:#797979;}
.previous{ width:300px;margin:20px auto 20px; clear:both;}
.previous img{ margin:0px; padding:0px;}

.feed_table{ width:100%; text-align:left;}
.feed_red{ width:200px;text-align:center; color:#fff; font-weight:bold; border-bottom:1px solid #ccc;}
.feed_red td{ width:100px; background:#fff; margin-right:2px; line-height:25px;border:1px solid #C6C8CA;}

.feed_bottom{ width:100%; background:#fff; text-align:right; color:#fff;font-weight:bold; line-height:20px; text-align:right; border:1px solid #ccc;}
.feed_bottom td span{ color:#fff;padding-right:10px;}
.feed_bottom td h6{ color:#fff;padding-right:10px;}

.leave{ background:#F7F7F7;  border-left:1px solid #ccc;  border-right:1px solid #ccc;}
.leave td,.response td{ margin:0px; padding:10px;}
.leave td span,.response td span{ text-align:left;font-size:normal;width:300px; float:left;}
.leave td h6,.response td h6{ font-size:11px; font-weight:bold; color:#666; margin:0px;}

.line{border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.line2{border-top:1px solid #ccc;}
.response{ background:#fff; border-left:1px solid #ccc;  border-right:1px solid #ccc; text-align:left;}
/*       LeaveWord End      */


/*      Inquire Start      */
#inquire{ width:580px; padding:0; text-align:left; margin:20px 0 0 25px;}
div#inquire h2{ color:#008277; font-size:18px; background:none; padding:0; margin:0; line-height:20px; height:auto; border:0;}
div#inquire p{ padding:0; margin:0;}
#inquire input{ color:#898989; height:14px;}
#inquire table td{ padding:5px 0;}
#inquire table input{ border:1px solid #818181; float:left; height:13px; padding-top:3px;}
#inquire table textarea{ border:1px solid #818181;}
#inquire table img{ float:left;}
#inquire p input{ border:0; float:none; width:12px; height:12px;}
div#inquire table table input{ text-align:center;}


div#i_top{ border-bottom:1px solid #008277; padding-bottom:30px; margin-bottom:20px;}
div#i_top div{ width:500px; margin:0 15px 0 50px; text-align:left;}
div#i_top div input{ float:left; margin:0 10px 10px 0; padding:0;}
div#i_top div p{ font-size:12px; line-height:12px; padding:5px 0 0;}
div#i_top div span{ font-size:10px; text-align:left;}

#i_top2{ border-bottom:2px solid #ccc; border-top:1px solid #ccc; display:table; margin:10px 0 50px; padding:30px 0 15px;}
#i_top2 img{ float:left; margin:0 10px;}
#i_top2 p{ font-size:14px; color:#008277; font-weight:bold; line-height:140%;}

#inquire_select span,#inquire table span{ font-size:11px; font-weight:bold; float:right; width:100px; text-align:right; padding-right:15px;}
#inquire_select span a,#inquire table span a{ background:#008277; display:block; color:#fff; line-height:26px; height:26px; text-align:center; width:120px;}


div#check{ text-align:left; width:435px; border:3px solid #008277; padding:10px 0; display:table;}
div#check input{ border:0; float:left; margin:5px 5px 0 30px;}
div#check p{ float:left; display:block; padding:0;}
div#check span{ font-size:10px; font-weight:normal; text-align:left; width:385px; margin:0; padding:0; line-height:12px; display:block;}

div#i_btn1{ text-align:center; height:26px; margin:30px 0 0; width:280px;}


div#i_info table td{ padding:10px 0;}
div#i_info h3{ font-weight:bold; font-size:12px; color:#3f3f3f; float:left; margin:0; padding:0; border:0; line-height:12px;}
div#i_info h4{ line-height:30px;}
div#i_info input{ border:0; margin-left:10px;}
div#i_info p{ padding:0 5px 0 0; margin:0; line-height:140%;}

.i_title{ background:#CBCBCB;}
.i_gray{ background:#F6F6EF;}
/*      Inquire End      */