/* =0 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td{padding:0; margin:0;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
body,input,textarea,table{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
.clearfix:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{zoom:1;}
.main_cell{overflow:hidden;}
.main_row_span2 .main_cell{float:left; width:48.9%; margin-right:2%; min-height:1px;}
.main_row_span2 div.last_cell{float:right; margin:0;}
.content:after{content:"."; visibility:hidden; height:0; clear:both; display:block;}
.content{zoom:1; line-height:1.6; word-break:break-all; position:relative;}
.com_title{white-space:nowrap; position:relative;}


/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{ color:#56708e; text-decoration:none;}
a:hover{ color:#559100; text-decoration:underline;}
#Container { width:100%; margin:0 auto; position:relative;}
.content{ color:#5F666F; padding:2px 5px 2px 5px; margin-bottom:8px;}
.content ul{ zoom:1; padding:0; margin:0;}
.content ul li{ line-height:175%; font-family:Verdana;}
.gray{ background-color:#F6F7F8;}
.depiction{ color:#777777; font-style:italic;}
.more{ text-align:right; margin:5px 20px 0 0;}
.com_title h2 a{ color:#FFF; text-decoration:underline;}


/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{ width: 960px; height: 136px; margin: 0 auto; position: relative; }
#Topline{ position: absolute; top: 0; width: 196px; height: 85px; }
#Logo .text{ position: absolute; top: 25px; font-size: 24px; color: #003481; font-weight: bold;}
#Logo .img{ width: 130px; margin: 0 auto;}
#Navbar{ width: 748px; height: 44px; position: absolute; background: url(images/nav_bg.jpg) no-repeat; position: absolute; right: 0; top: 65px;}
#Navbar .nav li{ float:left; height:44px; list-style-type:none;}
#Navbar .nav li.liImg{ width:1px; background:url(images/space_line.gif) no-repeat center;}
#Navbar .nav li a{ float:left; text-align:center; width:115px; height:44px; line-height:44px; font-size:14px; font-family:microsoft yahei,arial; text-decoration:none; color:#fff;}
#Navbar .nav li a:hover, .nav .navhover a{ color:#ffffff; background:url(images/navhover_bg.png) bottom center no-repeat;}


/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{ margin:0 auto; width:960px; padding:0px 15px 8px;}
#Main{ margin:0 245px; padding-top:10px;}
#Banner{position:relative; overflow:hidden; width:960px;}
#Banner img{ width:960px;}
#SideBar{ margin-left:-960px;}
#Sub,#Extra{ width:240px; padding-top:10px;}


/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{ width:960px; text-align:center; background:#fff url(images/foot_bg.jpg) repeat-x 0 0;  margin:0 auto;  padding:36px 0px 20px; color:#fff;}
#Footer a{ color:#F3FFE8; line-height:35px; font-family:microsoft yahei,arial; font-size:14px;}

/* =5 Main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .com_title, #Main .com_title_in, #Main .com_title_inner{background:url(images/main_tittle_bg.png) repeat-x 0px -34px; height:34px; }
#Main .com_title{ padding-left:140px; background-position:left 0px; background-repeat:no-repeat;}
#Main .com_title_in{ padding-right:20px; background-position:right -68px; background-repeat:no-repeat;}
#Main .com_title h2{ position:absolute; left:0px; color:#32780c; text-indent:34px; font-weight:bold; height:33px; padding-top:3px; line-height:26px;}
#Main .content{ border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; background:url(images/main_cell_bg.png) #FEFEFE 0 -2px no-repeat;}
#Main .content ul li{ list-style-type:none; line-height:26px; padding-left:20px; background:url(images/list-ico.gif) no-repeat 5px 10px;}
#Main .content ul li.gray{ background-color:#F3F3F3;}
#Main .content ul li div{ padding:5px; margin:0 0 5px 0; line-height:150%; color:#5F666F; text-indent: 2em;}
#Main .nopage{ margin:10px auto; text-align:center;}


/* =6 SideBar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.side .com_title{ border:1px solid #234F8A;}
.side .com_title, .side .com_title h2, .side .com_title_in{background:url(images/side_title_bg.gif) repeat-x 0 -28px; height:27px; }
.side .com_title_in{ background-repeat:no-repeat; background-position:right -56px; padding-right:5px;}
.side .com_title h2{ background-repeat:no-repeat; background-position:0 0; color:#fff; font-weight:bold; width:180px; min-width:180px; height:23px; padding-top:4px; line-height:20px; text-indent:23px}
.side .content{ border-left:1px solid #234F8A; border-right:1px solid #234F8A; border-bottom:1px solid #234F8A; background:url(images/side_bg.png) #fefefe no-repeat; margin-bottom:8px; line-height:1.8; padding:8px 0 25px 0;}
.side .content ul li{ padding-left:20px; background:url(images/list_ico.gif) no-repeat 10px center; border-bottom:1px solid #EBEBEB; list-style-type:none; list-style-position:outside; color:#525252; line-height:200%;}
.side .more a{ text-decoration:underline; color:#1A4F91;}


/* =7 Cateogory
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .articles ul li span{ font-weight:bold;}
#Main .subtitle{ position:relative; border-bottom:1px solid #E0E0E0; padding:0 0 0 7px; line-height: 30px; height: 30px; font-weight: bold; color:#526D8B;}
#Main .pagination{ padding:7px 0 7px 0; border-top:1px solid #E0E0E0; margin:0;}
#Main #page-table{ margin: 0 auto;}
#Main #page-table a, #Main #page-table span, #page_info{ padding:1px 2px; display: inline; zoom: 1;}
#page_nav, #page_info{ display: inline; zoom: 1; margin: 5px 0; line-height:30px; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#page_nav span.current { font-size: 14px; font-style: italic; font-weight: bold; }


/* =8 Post
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .post h1, #Main .info{ text-align:center; color:#00287B; line-height:175%;}
#Main .post h1{ font-size:14px; line-height:26px; font-weight:bold;}
#Main .post h2{ background:#fff; border:1px solid #EAEAEA; margin:5px auto 10px; width:90%; padding:5px; text-indent:2em;}
#Main .post .zoom h2{ font-weight:normal; font-size:100%; background:none; border:none; margin:0; padding:0; width:100%; text-indent:0;}
#Main .post{ margin:0 0 10px 0; }
.post_box{border-bottom:1px solid #EEEEFE; margin:5px 0;}
.post_box_in{border-bottom:1px solid #D5D5D5; padding:3px;}
.post .zoom{ color:#333333; padding:10px 5px 5px 5px;}
.post .zoom img{ margin:5px;}
.post .zoom p{ padding:10px 0;}
.post .zoom table{ border:1px solid #ccc; margin:5px auto;}
.post .zoom table td{ padding:5px; border:1px solid #ccc;}


/* =9 Comment
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .comment{ border:1px solid #ccc; margin:5px 0 10px; padding:0;}
#Main .comment ul li{ color:#333; margin:5px 0; padding:0 18px; line-height: 18px; font-family:Verdana;}
.comment ul li span.time{ font-style:italic; font-weight:bold;}
.comment h2{ font-size:14px; margin:1px 1px 3px; background:#E1E1E1 url(images/reply_icon.gif) no-repeat 5px 9px; padding:5px 25px; cursor:pointer; color:#737F8D;}
.comment h3{ font-size:14px; background:url(images/list-ico.gif) no-repeat 5px 8px; padding:0 15px; font-style:italic;}
.comment form{ padding:5px 20px;}
.comment p{ margin:5px 0;}
.comment table{ border:1px solid #DFDFDF; margin:5px auto;}
.comment table td, .comment table th{ padding:5px; border:1px solid #DFDFDF; font-family:Verdana;}
.comment table td.label{ width:150px; vertical-align:top; text-align:right; color:#394367;}
input.button{ background:url(images/btn_bg.gif) no-repeat; cursor:pointer; border:none; width:60px; height:22px; line-height:22px; color:#0068B7; padding:0;}
input.text, .comment textarea, select{background:url(images/input.gif) no-repeat; padding:2px; font-family:Verdana; color:#333333; border:1px solid; border-color:#666 #ccc #ccc #666;}
textarea{ width:60%; overflow:hidden;}


/* =10 Product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Main .scroll{ margin:5px 0; background:none; padding:0;}
#Main .scroll ul li{ background:none; padding:1px; border: 1px solid #6eac2f; text-align:center; position:relative; display:table-cell; overflow:hidden;}
#Main .scroll ul li a{ display: inline-block;}
#Main .scroll ul li img{ padding:1px; border:1px solid #ccc;}
.detail .thumb{ float:left; width:250px; border:1px dashed #DFDFDF; text-align:center;}
.detail .thumb img{ margin:20px auto;}
.detail .param{ margin:0 0 0 270px;}
.detail .param table{ width:100%; border:none;}
.detail .param table td, .detail .param table th{ padding:5px; border:none; border-bottom:1px solid #ccc;}
.detail .param th{ width:150px; text-align:right;}
.description{ clear: both; margin:15px 0;}
.detail .param h3, .description h3{ font-size:16px; font-style:italic;}
.baseimage{ border-top:1px solid #D5D5D5; margin:10px auto; padding:10px 5px 15px 5px; text-align:center; width:95%; overflow:hidden;}

.product_row{ position:relative; padding-top: 15px;}
.product_row .prd_cell{ float:left; overflow:hidden; width:30.9%; margin-right:3.5%;}
.product_row .last_cell{ margin:0;}
.prd_cell .pic{ margin: 0 auto; text-align: center;}
.prd_cell .pic img { border: 1px solid #ccc; padding: 3px;}
.prd_cell .info{ line-height:18px; padding-top:5px;}
.prd_cell .info h3 a{ font-weight:bold;}


/* =11 Widget
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body .widget_advertiseme,
#Body .widget_articles,
#Body .widget_categories,
#Body .widget_feedback,
#Body .widget_products,
#Body .widget_rich,
#Body .widget_rss,
#Body .widget_text,
#Body .widget_flight { padding:10px;}

#Body .widget_categories ul li.c1{ background:url(images/tree-minus.gif) no-repeat 10px center; padding-left:32px;}
#Body .widget_categories ul li.c2{ background:url(images/list-ico2.gif) no-repeat 32px center; padding-left:42px;}