@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
body { font-size: 12px; font-family: 宋体,arial,helvetica,Gulim,Dotum,AppleGothic,sans-serif;text-align:left;background:#fff url(bodybg.jpg) repeat-x;color:#000}



ul, li { list-style: none; }
a{ text-decoration: none;;color:#333 }
a:hover { text-decoration: none;color:#666}
a img{border:0}
p,td,.lineheight{line-height:20px; }
.table td{padding:5px}
.plh0{padding:0}/*ready to 0*/
.dragable,.poa{position:absolute; }
.blank{height: 1px;clear:both; overflow:hidden;}
.blank10{height: 10px;clear:both; overflow:hidden;}
.blank20{height: 20px;clear:both; overflow:hidden;}
.tc{text-align:center;}.tr{text-align:right;}
.fb{font-weight:bold}
.poweredby{position:absolute; right:0;bottom:5px}
.poweredby a{color:#000}
.fr{float:right; }

/* header
#hns_body_bg{background:url(bgt.jpg) no-repeat ;width: 100%;height: 2000px; z-index:-2  }
*/
.c_v_home_dft { position: relative; width:980px; margin:auto;}
#hns_header,#hns_footer,#hns_body,#hns_menu{width:980px; margin:0px auto;  }
#hns_header_content{width:980px;;height: 91px;z-index:111;left:0px}
#hns_h_logo{top:18px;left:83px;}
#hns_h_logo a{color:#fff;font-size:35px;}
.c_hns_h_lang{right:20px;top:8px; width: 170px; height: 25px;}

/*menu*/
.menu,.mainmenu{background:url(menubg2.jpg) no-repeat ;height: 43px; }
.menu{*width: 620px;}
.menu{padding-left:20px;background-position:0 0;text-align:center; top:46px;right:20px;z-index:220;}
.mainmenu{padding-right:20px;background-position:right 0;position:relative; left:0;top:0px;}

.menu ul.mainmenu li,.menu ul.mainmenu li a{position:relative;display:inline-block;*display:inline;zoom:1;height: 30px;line-height:30px;font-weight:bold;}
.menu ul.mainmenu li{top:5px}
/*display:inline; use center*/
.menu ul.mainmenu li a{position:relative;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu ul.mainmenu li a{padding:0px 20px;color:#fff;text-decoration:none;font-size:14px;}
.menu ul.mainmenu li a:hover{color:#fff;font-weight: bold;}/*bold is necessary,and mainmenu a is not bold*/
.menu table {position:absolute; top:0; left:0;}/*table generate by ie*/

.menu ul.submenu {visibility:hidden;position:absolute;left:0px;top:30px;}
.menu ul.submenu li,.menu ul.submenu li a{height: 27px;line-height:27px;}
.menu ul.submenu li {text-align:left;display:block;width: 100px;  background:#A8C757; border:1px solid #fff;padding:0 0 0 5px;overflow:hidden; }
.menu ul.submenu li a{padding:0;font-weight:normal;font-size:12px; }
.menu ul.submenu li a:hover{font-weight:bold;font-size:12px; }

/*box*/
/*box*/
.sidemenu{top:330px;left:20px;width: 187px;}
.sidemenu ul{padding:5px 0 5px 5px}.sidemenu ul ul{padding:0}
.sidemenu li{background:url(sidearrow.gif) no-repeat 0 0px;line-height:32px; padding-left:29px; }
.sidemenu li li{background:url(sidearrow.gif) no-repeat 0 0px;line-height:32px; padding-left:15px; }
.sidemenu li a{color:#000}
.sidemenu li a:hover{color:#666}

.sidemenu .sidemenu_t{padding-left:29px;background:url(sidemenu_t.jpg) no-repeat ;height: 29px;line-height: 29px;}
.sidemenu .sidemenu_t,.sidemenu .sidemenu_t h3{color:#fff;font-size:15px;font-weight:bold;}
.sidemenu .sidemenu_m{background:url(sidemenu_m.jpg) repeat-y ; }
.sidemenu .sidemenu_b{background:url(sidemenu_b.jpg) no-repeat ;height: 15px; }
/*other*/
#sidenewwwe{top:192px;left:0px;width: 120px; }
#sidenewwwe li{padding:5px 0;text-align:right; border:0px solid #ccc; }
#sidenewwwe li.title{font-size:20px;font-weight:bold;}
/* body position*/
/*common position*/

#cntheader{top:501px;left:309px;}
#cntheaderimg{top:495px;left:283px;}
#cntheader,#cntheader h1{font-size:15px;font-weight:bold;color:#0362DD}

#boardreq{top:198px;left:244px;}
#productreq{top:193px;left:20px;}
#productreqind{top:780px;left:20px;}
#index_news{top:506px;left:34px;}#indexnews2{top:561px;left:33px;}
#index_newsmore{top:510px;left:242px;}#indexnewsmore2{top:568px;left:312px;}
#index_newslist{top:534px;left:37px;width:250px;}
#index_newslist2{top:598px;left:42px;}
.boardPlugin li{background:url(index_newsarrow.jpg) no-repeat 0 10px; padding-left:10px;line-height:26px;  }
.boardPlugin li a{color:#333;font-size:14px}
/*index*/
#index_1{width:980px;height: 150px;top:281px;left:0;background:#555555;}
#sub1_1{width: 980px;height: 33px;top:101px;left:0;background:#555555; }
.tab100{width: 980px;height: 100% }
.tabh100w1{width:1px;height: 100%;background:#ddd;  }
#idtabh100w1id{top:186px;left:230px;width: 10px;height: 500px;  }

/*sub*/

/*book css*/
.bookform23left{padding-left:15px;width:85px;font-weight:bold}
.bookform23left_hf{padding-left:15px;width:85px;font-weight:bold}
.bookform23left_hfbg{background:#F8F6F6; }
td.bookform23left_hfbg{border-left:1px solid #ccc;border-right:1px solid #ccc;padding:5px}
.bookform23leftrr{text-align:center;background:#F5F5F5;width:60px}
.bookform23left_rrv{width: 150px; }.bookform23left_rrv2{width: 100px; }
.bookform23{width:560px;border:0px solid red}
.bookform23_inner{width:100%}
.bookform23_inner td{line-height:31px; }
.bookform23 input{border:1px solid #ccc;padding:2px 0 }
/*.bookform23 input[type="text"],.bookform23 input[type="password"]{height: 20px; }*/
.bookform23 textarea{border:0}
.formtithref a{color:#333}
.formtithref  a:hover{text-decoration:underline; }

.formlisttit{font-weight:bold;line-height:32px;padding-top:0px;background:#F5F5F5;text-align:center;border-top:0px solid #F16166; }
.formlisttitbg{float:right;  background:url(formlisttitbg.gif) no-repeat right 0;width: 1px;height: 15px; margin-top:8px}

input.bookbutbg{background:url(bookbutbg.gif) no-repeat ;width: 53px;height: 23px; font-size:12px;border:0; cursor:pointer;color:#fff;}
a.bookbutbg{background:url(bookbutbg.gif) no-repeat ;width: 53px;height: 23px; font-size:12px;border:0; cursor:pointer;color:#fff;line-height:23px;display:block;text-align:center; float:right; margin:0 2px}
.bookpage a{padding:5px 8px;background:#F5F5F5;color:#666}
.bookpage a:hover{text-decoration:underline; background:#ddd; }
.bookpage strong{padding:5px 8px;background:#ccc;color:#fff }
.td_top23{height:25px;padding-top:5px;background:#EFF3FE;text-align:center;border-top:5px solid #F16166;margin-bottom:5px}
.boardfs12{font-size:12px;}
/*new board*/
.board_head{background:url(protitarrow.gif) no-repeat  0 5px; padding-left:22px;line-height:22px;border-bottom:1px solid #003C78; margin-bottom:3px;padding-bottom:5px }
.board_head_re{background:url(protitarrow.gif) no-repeat  0 5px; padding-left:22px;line-height:22px;border-bottom:1px solid #9B9B9B; margin-bottom:3px;padding-bottom:5px }
.board_inputbg{background:#F9F7F7; border:1px solid #ccc;}
.board_td_padleft{padding-left:15px}
.board_lock{padding-left:18px;background:url(board-lock.gif) no-repeat 0 3px;color:#CC0900;font-weight:bold }
.textarea_write{width: 560px;height: 200px; margin:10px 0 }
.textarea_hfwrite{width: 560px;height: 100px; margin:10px 0 }
.textarea_edit{width: 630px;height: 100px; margin:10px 0 }

.board_foot{padding:10px 6px;text-align:right; }
.board_foot a{display:block;float:right;margin-left:5px;text-align:center;color:#fff;text-decoration:none;  }
.board_foot a:hover{color:#fff}

 .board_but_write{background:#7BC049; width: 55px; height: 19px;line-height:19px; cursor:pointer;border:0;color:#fff;text-align:center; }
.board_but_writehf{background:#5D5D5D; width: 55px; height: 19px;line-height:19px; cursor:pointer;border:0;color:#fff;text-align:center; }
/*end book css*/

/*product list*/

.productlist,.productlist_v{padding:3px;  }
.productlistul{float:left;padding:5px;margin-bottom:5px ;margin-right:11px;height: 270px; }
.productlistul li{border:1px solid #999;padding:8px;text-align:center; display:block;}
.productlistul li.protit{ padding:5px;border:0px; border:none}
.productlistul li.protit{overflow:hidden }

.productlist_vul{border-bottom:0px dashed #ccc;margin-bottom:12px;padding-bottom:0px; }
.productlist_vul li.provimg{float:left; border:3px solid #F3F3F3;padding:8px;text-align:center;margin-right:22px}
.productlist_vul li.provtit{padding-left:145px;line-height:28px; }
.productlist_vul li.provtext{padding:0 3px; }
.productlist_vul li.detail{}
.productlist_vul li.detail a{float:right; width: 46px;height: 15px;background:url(prodetail.gif) no-repeat ;}
.provtext{}

.product_area a{color:#626263}
.product_area a:hover{color:#FE6D02}

.board_list_w1{width: 40px; }.board_list_w2{width: 400px; }.board_list_w3{width: 110px; }.board_list_w4{width: 80px; }


/* pro read */
.pro_read_hleft{float:left;height: 200px;border:3px solid #F3F3F3;text-align:center; padding:11px}
.pro_read_hrg{float:left;margin-left:33px;border:0px solid #ddd; background:#BEBDC8;}
.pro_read_hrg dt{ padding:4px 6px 6px 8px; font-weight:bold;font-size:14px;}
.pro_read_hrg dd{background:#FBFBFB;padding:8px ;line-height:17px; }
.pro_read_intro,.pro_read_album{padding:11px 5px; line-height:20px; }

/*page*/
.propage{ }
.propage a,.propage strong{ float:left;margin-right:5px;}
.propage span a{padding:0 3px}
.propage a{color:#666}.propage a:hover{color:#999}


.propage .pageskip form{display:inline; }
.propage .pageskip form input{margin:0 3px;width: 30px; }
.propage .pageskip form button{margin:0 3px; }
.pro_head{background:url(protitarrow.gif) no-repeat  0 5px; padding-left:22px;line-height:22px;margin-bottom:20px; }
.pro_head  h3,.board_head  h3,.board_head_re  h3{color:#5A9539;font-size:14px;padding:0}
.proarea_pos {top:283px;left:256px}
.propage_inc{float:right; }

 a.page_first, a.page_last, a.page_prev, a.page_next{ background:url(pagefirst.gif) no-repeat ; display:block;width: 46px; height: 15px;}
 a.page_first{background-position:0 0}a.page_last{background-position:-150px 0} a.page_prev{background-position:-50px 0}
 a.page_next{background-position:-100px 0}

 /*different in different template*/
.board_area{width: 700px; }.board_list_w2{width: 420px; }
 .product_area{width: 1050px;} .pro_read_hrg{width: 340px; }.pro_read_hleft{width: 250px;}

.board_but_write{background:#578DC9;}
.pro_head  h3,.board_head  h3,.board_head_re  h3,.pro_read_hrg dt,.provtit a,.protit a,.provtit a:hover,.protit a:hover,.pro_read_deptit{color:#000}

.bookform23left{background:#F3F3F3;}.pro_read_hrg dt{background:#eee;}
.bookform23_inner td{border-bottom:1px solid #E4E4E4; }
/* end product */
/*begin users*/
#hns_users{top:200px;left:0;width: 980px; }


.users_area{width: 95%;margin:0 auto;  }
.users_rgheader,.users_leftheader{padding:10px 10px 5px 5px; font-weight:bold;font-size:14px; }
.users_left{width: 200px;float:left; }
.users_leftlist ul{padding:0 0 0 6px;margin:0;  }
.users_leftlist li {background:url(users_btn_leftbg.gif) no-repeat ;line-height:35px;padding-left:45px;  }

.users_rg{float:left;margin-left:3%}
.users_rgbox{padding:3% 3%;margin-bottom:15px}
.users_rgsub{text-align:center;line-height:40px;}
.users_rgtab{width: 100%;font-size:12px; }
.users_rgtab td{border-bottom:1px solid #eee; }
.users_rgtab_left{background: #F8F8F8;width: 30%;text-align:right;padding-right:11px}
.ok_msg,.err_msg{padding-left:8px}
/*button--------*/
.btn_subm_left,.btn_subm_right,.btm_href,.btm_href span{background:url(users_btn.jpg) no-repeat;display:inline-block;*display:inline;zoom:1;}
.btn_subm_left,.btm_href{ padding-left: 12px;background-position:0 0;margin-right:12px}
.btn_subm_right,.btm_href span{ padding-right: 12px;background-position:right 0;}

.btn_subm {border:0 none;cursor:pointer;background:url() no-repeat ;overflow:visible;color:#910000;font-weight:bold;}
.btn_subm_left,.btn_subm_right,.btn_subm,.btm_href,.btm_href span{height: 45px;line-height: 45px; }
.btm_href{*margin-bottom:14px;}
/*end button*/
/*change*/
h2.users_leftheader{color:#333;border-bottom:2px solid #333;}
.users_leftlist li,.users_leftlist li a{color:#333}
.users_leftlist li a:hover{color:#666}

h2.users_rgheader{margin-bottom:20px;color:#1B6890;border-bottom:2px solid #B0B0B0;}
.users_rgbox{border:3px solid #F5F5F5;}
.users_rg{width: 68%; }.users_rg_after{width:88%;margin:0 auto; }/*.users_rg_after is when only one colum after log*/
a.btm_href{color:#999}

/*login box part*/
 /*login box common ----------*/
.usersPlugin a,.usersPlugin{font-size:12px;}
.forget{margin:0 5px}
.login_but{line-height:22px;height: 22px;text-align:left;}

.subm_left,.subm_right{background:url(users_subinput222.gif) no-repeat;}
.subm_left{float:left; padding-left:8px;background-position:0 0;margin-right:11px}
.subm_right{float:left; padding-right:8px;background-position:right 0;}

.subm {border:0 none;cursor:pointer;background:url() no-repeat ;overflow:visible}
.subm_left,.subm_right,.subm{height: 22px;line-height:22px; }
/*end login box common ------------*/
 /*login_box1*/
.login_box1 label{float:left; width: 100px;text-align:right;padding-right:11px  }
.login_box1 .text{width: 100px; }
.login_box1 .login_user,.login_box1 .login_pwd{padding:5px 0}

.login_box1 .login_but{padding:5px 0;text-align:center;position:relative;   }
.login_box1 .subm_left{position:absolute; top:-55px;right: 0;color:#fff}

.login_box1 .subm_left,.login_box1 .subm_right{height: 48px;line-height:48px; background:url(users_subinput2.jpg) no-repeat;}
.login_box1 .subm_left{float:left; padding-left:8px;background-position:0 0;margin-right:11px}
.login_box1 .subm_right{float:left; padding-right:8px;background-position:right 0;}

.login_box1 .subm {border:0 none;cursor:pointer;height:48px;line-height:48px;color:#fff}

.login_box1 .forget,.login_box1 .reg{display:inline-block;height: 22px;line-height:22px;background:url(users_subinput222.gif) no-repeat 0 0;cursor:pointer;padding-left:8px;  }
.login_box1 .forget span,.login_box1 .reg span{background:url(users_subinput222.gif) no-repeat right 0;display:inline-block;padding-right:8px;}

/*login_box2*/
.login_box2 a,.login_box2{font-size:12px;}
.login_box2 label{float:left; width: 100px;text-align:right;padding-right:11px  }
.login_box2 .text{width: 100px; }
.login_box2 .login_user,.login_box1 .login_pwd{padding:5px 0}
.login_box2 .login_but{padding:5px 0 5px 110px;}
.login_box2 .forget{}
.login_box2 .reg{}
/*login_box3*/
.login_box3{height: 22px; }
.login_box3 .login_user,.login_box3 .login_pwd,.login_box3 .login_but{float:left;padding-right:5px }
.login_box3 .text{width: 80px; }
.login_box3 .forget{}
.login_box3 .reg{}
/*change ----------------*/
.login_box1 a,.usersPlugin a:hover{color:#333}
.usersPlugin label{color:#fff}
.login_box2 a,.login_box2 a:hover,.login_box3 a,.login_box3 a:hover{color:#ddd}
.login_box2 .subm,.login_box3 .subm{color:#333}
/*end login_box*/
/*end users*/
/*append board plugin css*/
.boardPluginul_v{float:left;border:1px solid #999;margin-right:11px;padding:10px;text-align:center;   }
.boardPluginul_v .img{}
.boardPluginul_v .text{}
.boardPluginul_v li{padding:0;background:url() no-repeat ;  }
/*end append board plugin css*/
/*board another list display*/
.board_body_v{float:left;border:0px solid #ccc;margin-right:16px;margin-bottom:31px;padding:10px;text-align:center;height: 230px;  }
.board_body_v .img{}
.board_body_v .text{padding:5px 0;background:#ccc; }
/*end board another list display*/
/*footer*/
#hns_footer{width:980px; margin:auto;  position:relative;}
#hns_footer_content{width:980px;left:0px;top:1005px;height:109px;background:url(footerbg.jpg) repeat-x ;}
#hns_footer_content,#hns_footer_content a,#hns_footer_content a:hover{color:#000}
#hnsfoot_bg{left:10px;top:0;}
#hnsfoot_logo{left:27px;top:25px;;}
#hnsfoot_line{left:81px;top:12px;}
#hnsfoot_text1{left:152px;top:25px;font-size:14px;width: 400px; }
#hnsfoot_text1 li{width: 30%;float:left; border-left:1px solid #ddd;padding:0 5px;color:#fff}

#hnsfoot_text2{right:22px;top:21px;font-size:14px;color:#fff;text-align:right; }
/* CSS Document */
@charset "utf-8";
/* CSS Document */

