/*==========================reset==========================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
/* remember to define focus styles! */
:focus { outline:0; }
address, caption, cite, code, dfn, th, var, optgroup,em { font-style: normal; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%;}
body { line-height: 1.5; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup 
table { border-collapse: collapse; border-spacing: 0; }*/
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }
/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins,del { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*==========================end==========================*/

/*==========================after reset==========================*/
body { font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; color:#333;}
inpug{font:12px/1.5 Tahoma, Helvetica, Arial, sans-serif;}
a:link{ color:#22376E; }
a:visited { color:#22376E; }
a:hover { color:#C42805; text-decoration:underline; }
dt a:link,dt a:visited{color:#333;}
:focus { outline:0px dotted #333; }
input:focus{outline:0}
::-moz-selection { background:#6374AB; color:#fff;}
::selection { background:#6374AB; color:#fff;}
/*==========================end==========================*/

/*==========================layout==========================*/
.outer{width:950px; margin:auto; clear:both; overflow:hidden; background:#fff;}
.outer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .outer { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%; }

.col236l{width:236px; background:url(../images/bg_1.png) -237px repeat-y; float:left; margin-right:10px;}
.col288{width:288px; float:left; overflow:hidden; zoom:1; margin:0 6px 5px; display:inline;}
.col272l{width:272px; overflow:hidden; float:left; margin-right:5px;}
.col503m{width:503px; float:left;margin-right:5px;}
.col103r{float:left; width:101px; padding:5px; background:#ebecee; height:157px; overflow:hidden; border:1px solid #666;}
.col281{width:281px; float:left; overflow:hidden; zoom:1; margin:0 15px 5px; display:inline;}
.col573r{float:left; width:573px;}
/*==========================end==========================*/

/*==========================common component==========================*/
/* pager */
.pager { margin:10px; font-size:12px; font-family:Tahoma; }
.pager a, .pager a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #06c; color: #06c; background-color: #fff; }
.pager a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #06c; color: #06c; background-color: #fff; }
.pager a:hover { border: 1px solid #000; color: #000; background-color: #fff; }
.pager a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #06c; color: #06c; background-color: #fff; }
.pager span.pageinfo { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000; border: 1px solid #000; background-color: #fff; }
.pager span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000; color: #000; background-color: #fff; }
.pager span.extend { padding: 2px 4px 2px 4px; margin: 2px 0; /*border: 1px solid #000;*/ color: #000; background-color: #fff; }
/*==========================end==========================*/

/*==========================custom component==========================*/
.header {height:94px;background:url(../images/top_bg.jpg) right no-repeat;}
.top_menu{height:38px; line-height:38px; overflow:hidden; background:url(../images/main_nav.png);}
.top_menu ul{margin-left:2px;}
.top_menu li{float:left; width:158px; text-align:center; font-size:14px; font-weight:700;}
.top_menu li a{text-decoration:none; color:#666; font-family:Museo Sans;}
.top_menu li a.selected,.top_menu li a:hover{color:#000;}
.tree_col{float:left; zoom:1; overflow:hidden; width:310px; margin:10px 10px 0 0;}
.home_tit:link,.home_tit:visited{height:37px; line-height:37px; color:#fff; font-size:14px; font-weight:700; display:block; background:url(../images/home_tit.png) no-repeat; text-align:center; padding-right:25px; text-decoration:none;}
.home_tit:hover{background:url(../images/home_tit.png) 0 -37px;color:#fff;}
.footer{background:url(../images/bottom_bg.jpg); line-height:1.8; margin-top:10px; padding:5px 0;}
.footer p{padding:0 15px; }
.cate_list li{ margin:1px; padding:2px 0 2px 35px; background:url(../images/icon_1.gif) 25px 8px no-repeat;}
.pro_intor_item{float:left; width:360px;}
.pro_intor_item p{line-height:32px; font-size:14px;}


.box_pan_1{padding:0 6px; margin-bottom:5px;}
.box_pan_1 h3{background:#F3F3F5; height:20px; line-height:20px; border-bottom:1px solid #333; color:#F68121; padding-left:10px;}
.box_pan_1 .desc{padding:5px;}

.col236l .top{height:6px; overflow:hidden; background:url(../images/bg_1.png); clear:both;}
.col236l .bottom{height:6px; overflow:hidden; background:url(../images/bg_1.png) 0 -8px;; clear:both;}
.col288 h3{height:28px; line-height:32px; background:url(../images/bg_2.jpg) 0 -51px; overflow:hidden; padding-left:25px; font-size:14px;}
.box_pan_2{border:1px solid #caefc4; border-top:0; padding:5px;}
.col573r h3{height:28px; line-height:32px; background:url(../images/bg_2.jpg) 0 -80px; overflow:hidden; padding-left:25px; font-size:14px;}
.col281 .tit{height:28px; line-height:32px; background:url(../images/bg_2.jpg) 0 -22px; overflow:hidden; padding-left:25px; font-size:14px;}
.col281 .tit a{float:right; padding-right:5px;}
.box_pan_3{border:1px solid #caefc4; border-top:0; padding:5px; margin-bottom:15px;}
.box_pan_4{border:1px solid #9DCDDF; border-top:0; overflow:hidden;}
.content{padding:10px; min-height:500px;font-size:14px;line-height:1.5em;}
.content h1{text-align:center; font-size:18px; font-weight:bold; margin-bottom:10px;}
.content p{ margin-bottom:.8em; text-indent:2em;}
#ask{width:871px; margin:auto;}
#ask h3{height:23px; background:url(../images/bg_2.jpg) 0 -138px; overflow:hidden; padding:5px 0 0 25px; font-size:14px;}
#ask .post{background:url(../images/bg_2.jpg) -614px -24px no-repeat; border:0; padding:0; margin:0; cursor:pointer; width:111px; height:18px;}
#wsmz{padding:0 50px; font-size:14px;}
#wsmz h4{margin-bottom:10px;}
#wsmz h4 span{font-weight:normal;}
#wsmz p{margin-bottom:10px; text-indent:2em;}
#wsmz div{margin:5px 2em;}
#shopcartable{border-collapse:collapse; border:1px solid #000;}
#shopcartable thead th{background:#39F; text-align:center;}
#shopcartable th,#shopcartable td{font-size:12px;padding:5px 2px; text-align:center; border:1px solid #000;}

.pro_intor_btn{float:left; clear:right;}
.pro_intor_btn li{float:left; margin:5px; display:inline;}

#reg_form{border:1px solid #ccc; margin:10px; padding:10px;}
#reg_form td{font-size:12px;}
.ip{ border:1px solid #36ad71; width:200px;}
#reg_form p{text-indent:0; color:#666;}

.li_1{height:19px; line-height:19px; overflow:hidden; background:url(../images/bg_2.jpg) -847px -3px no-repeat; padding-left:12px;}
.li_2{height:19px; line-height:19px; overflow:hidden; background:url(../images/bg_2.jpg) -847px -26px no-repeat; padding-left:12px;}
.li_3{height:19px; line-height:19px; overflow:hidden; background:url(../images/bg_2.jpg) -845px -58px no-repeat; padding-left:15px;}

.col272l .top{height:27px; background:url(../images/bg_2.jpg) -301px 0; width:272px;}
.col272l .mid{border:1px solid #448D24; border-top:0; zoom:1; overflow:hidden; padding:15px 5px 5px; height:120px; overflow:hidden;}
.col272l .right{padding:5px; border:1px solid #ccc; float:right; margin-left:10px; zoom:1; overflow:hidden;}
.col272l .left{color:#e95902; padding-left:20px;}

.col503m .top{background:url(../images/bg_2.jpg) 0 -167px; height:28px; overflow:hidden;}
.col503m .mid{border:1px solid #FEB832; border-top:0; padding:3px 5px 2px; height:134px; overflow:hidden;}
.col503m .mid li{text-align:center; width:120px; float:left;}
.col503m .mid li a.txt_lnk{height:20px; line-height:20px; display:inline-block; text-decoration:none; color:#fff; width:70px; background:url(../images/bg_2.jpg) -643px 0; text-align:center;}

.col103r button{font-size:14px; font-weight:700; text-align:center; width:101px; height:29px; display:block; line-height:20px; overflow:hidden; background:url(/images/bg_2.jpg) -732px 0; padding:0; border:0;}

#index_login_tit{background:url(../images/bg_2.jpg); padding-left:25px; height:22px; line-height:28px; overflow:hidden; color:#E75502; font-weight:bold; font-size:14px;}
#index_login_form{border:1px solid #CCEAC6; border-top:0; background:#fff;}
#index_login_form input,#index_login_form label{vertical-align:middle;}
#index_login_form div{padding:5px 10px;}
.login_btn{background:url(../images/bg_2.jpg) -586px 0 no-repeat; border:0; padding:0; margin:0; cursor:pointer; width:52px; height:19px;}
#logined_form{border:1px solid #CCEAC6; border-top:0; background:#fff; height:105px; overflow:scroll; overflow-x:hidden; padding:5px;}
#logined_form li{padding-left:10px;}
#logined_form2{border:1px solid #CCEAC6; border-top:0; background:#fff; padding:5px;}
#logined_form2 li{padding-left:10px; font-size:14px;}
#logined_form2 a{font-size:14px;}

#nav{background:url(../images/nav_v_bg.jpg); height:34px; color:#fff; font-size:16px; overflow:hidden; padding-left:30px;}
#nav a{zoom:1; height:31px; line-height:32px; text-decoration:none; font-size:16px; color:#fff; overflow:hidden; margin-top:3px; display:block; float:left; padding:0 5px;}
#nav .selected{background:url(../images/nav_btn_bg.jpg); border:1px solid #f28e2e; border-bottom:0; border-top:0; font-weight:700; }
#nav span {float:left; display:block; zoom:1; padding:6px 4px 0;}
#sub_nav{background:url(../images/sub_nav_bg.jpg); height:25px; overflow:hidden; margin-bottom:5px;}
#sub_nav li{float:left; margin:0 2px; height:26px; line-height:26px; width:70px; text-align:center;}
#sub_nav li a{display:block; font-size:14px; text-decoration:none; color:#5f2500;}
#sub_nav li a.selected{background:url(../images/sub_nav_btn_bg.jpg);}
/*==========================end==========================*/