/*Color Define*/
body { color:#777; background:#ccc; padding:0; }
a { color: #333; text-decoration: none; }
a:hover { color:#000; text-decoration:underline}

/*Clear float*/
.clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
.clearfix { display:block; zoom:1; }
/*Corner Style*/
.no_b { border-color:#fff; }
.no_b h3 { border-top:solid 1px #d1d1d1; margin-bottom:10px; display:block;}
/*Basic style*/
html { line-height:20px; }
.text_center { display:block; text-align:center;}
.top_el { margin-top:0; }
.top_space { margin-top:10px;}
.m_s10 { margin:0 10px; }
.p_10 { padding:10px; }
.p_b_10 { padding-bottom:10px; }
.f_14, .f_14 a { font-size:14px; }
.float_l { float:left }
.float_r { float:right }
.wrap { width:930px; margin:0 auto; text-align:left;}
.footer { background:#333; color:#FFF; line-height:20px; height:20px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.foot_nav { height:25px; line-height:25px; background:url(../images/foot_navBg.gif); text-align:right; padding:0 10px; color:#666;}
.foot_nav a { color:#c00;}
/*head*/
.header { background:url(../images/header_bg.gif) repeat-x; height:52px; position:relative;}
h1.logo { text-indent:-2000px; background:url(../images/logo.gif) no-repeat; width:145px; height:52px; }
.mini_nav { background:url(../images/mini_nav.jpg) no-repeat; width:380px; height:20px; position:absolute; top:0; left:530px; text-align:right; padding-right:20px; line-height: 20px; color:#F99;}
.mini_nav a{ color:#fff;}
/*content*/
.content { position:relative; background:url(../images/content_shadow.jpg) repeat-x top #fff;;}
/*#nav { background:url(../images/nav_bg.gif) repeat-x; height:22px; line-height:22px;}
#nav li { float: left; }
#nav .mOverLi { background-image: url(../images/navbgover_14.jpg); background-repeat: repeat-x; }
#nav a { display: block; color: #003366; padding-right: 15px; padding-left: 15px; }
#nav a:hover { background-image: url(../images/navbgover_14.jpg); }
#nav .submenu { background-image: url(../images/arrowdown_16.jpg); background-repeat: no-repeat; background-position: right top; padding-right: 15px; }
#nav .submenu:hover { background-image: url(../images/navbgover_16.jpg); }
#nav .submenuover { background-image: url(../images/navbgover_16.jpg); }
#nav ul li a { height: 23px; }
#nav ul li a:hover { background-color: #90AEB9; background-image: none; }

#nav ul { position: absolute; top: 22px; background-color: #CFDEE3; width: 130px; display: none; z-index: 1000; border: 1px solid #437898; }
#nav ul li { float: none; }*/
/*tab container*/
.tab_container { background:url(../images/tab_content_bg.gif) repeat-x; height:165px; padding:6px 0 0 15px;}
.tab_shadow { background:url(../images/tabBg.gif) no-repeat; height:150px; width:890px; padding:5px; }
.tab_box{width:890px;}
.tab_box li { float:left; width:178px; height:25px; text-align:center;}
.tab_box li a{ display:block; width:178px; line-height:25px; height:25px; text-align:center; background:url(../images/14.gif) no-repeat; color:#fff; cursor:default;}
.tab_box li a { text-decoration:none;}
.tab_box li a.select { background-image:url(../images/22.gif); color:#333;}
.tab_box li a.af_sel { background-image:url(../images/12.gif)}
.tab_box li a.bf_sel { background-image:url(../images/32.gif)}
.tab_box li.first a { background-image:url(../images/51.gif)}
.tab_box li.first a.select { background-image:url(../images/11.gif)}
.tab_box li.first a.bf_sel { background-image:url(../images/21.gif)}
.tab_box li.last a { background-image:url(../images/15.gif)}
.tab_box li.last a.select { background-image:url(../images/55.gif)}
.tab_box li.last a.af_sel { background-image:url(../images/45.gif)}
.tab_content { height:125px; background:url(../images/tabContent_bg.gif) repeat-x;}
.tab_content .section { width:160px; float:left; padding:10px 9px;}
.tab_content .section h3 { font-size:12px; color:#000;line-height:25px; height:25px;}
.tab_content .section ul { height:80px; line-height:20px;}
.tab_content .section ul li { height:20px; white-space:nowrap; overflow:hidden; color:#FC9; background:url(../images/right.gif) no-repeat left center; padding-left:8px; }
.tab_content .section ul li a { font-size:12px;}

/*####sub content####*/
.sub_content { padding:15px 10px; border-bottom:solid 1px #999;}
.sub_side { float:left; width:175px;}
.sub_main { float:right; width:720px; padding-bottom:40px;}
/*side style*/
.sub_side h3 { padding-left:10px; line-height:22px; height:22px; background:#f0d6ab; color:#900; font-size:12px;}
.sub_side ul { background:#fff5d8; padding:10px;}
.sub_side ul li { padding-left:20px; background:url(../images/addIco.jpg) no-repeat left 7px; line-height:23px;}
.sub_side ul li.fold { height:auto; background-image:url(../images/addIco_live.jpg)}
.sub_side ul li.fold ul { padding:0;}
.sub_side ul li.fold ul li { background:url(../images/right.gif) no-repeat left;padding-left:8px; line-height:18px;}
.sub_side ul li.fold ul li a { color:#666; display:inline; background:none;}
.search { margin-top:10px; border:solid 1px #ccc; display:none;}
.search .text { border:0; width:135px; height:20px; line-height:20px; padding-left:3px;}
.search .btn { background:url(../images/search_btn.jpg) no-repeat; width:23px; height:19px; border:0; cursor:pointer;}
/*main style*/
.small_tab_box { background:url(../images/_ccc.gif) repeat-x bottom;}
.small_tab_box li{ float:left; width:150px; height:19px; text-align:center; line-height:19px;}
.small_tab_box li a { color:#666;}
.small_tab_box li.select { background:url(../images/tab_bg_small.jpg) repeat-x; border:solid 1px #ccc; border-bottom:0;}
.small_tab_box li.select a { color:#000; cursor:default;}
.small_tab_box li.select a:hover { text-decoration:none; color:#000;}
.cat_list { padding:0 10px; border:solid 1px #ccc; border-top:0;}
.cat_list li { padding:10px 0;}
.cat_list li a.ico_pic { float:left; padding:3px; border:solid 1px #ccc; margin-right:10px;}
.cat_list li a.ico_pic img { display:block;}
.cat_list li dl { float:left; width:590px;}
.cat_list li dl dt { padding-left:15px; background:url(../images/grey_arrow.jpg) no-repeat left center;}
.cat_list li dl dt a { font-weight:bold;}
.cat_list li dl dd { color:#333; margin-top:8px;}
.cat_list li dl dd a { color:#F60;}
.cat_list li dl dd a.more { margin-left:10px; white-space:nowrap;}
.cat_list li dl dd a.item { padding-left:10px; background:url(../images/right.gif) left center no-repeat; margin-right:10px; color:#666; white-space:normal;}
/*service style*/
.sub_intro { color:#444; line-height:20px; padding-right:10px;}
.sub_intro .path { font-size:12px; color:#666; margin-bottom:5px;}
.cat_list_h { margin-left:-15px;}
.cat_list_h li { float:left; margin-left:15px; display:inline; margin-top:20px; position:relative; background:#fff5d8; height:290px; width:230px}
.cat_list_h li h3 { padding-left:10px; line-height:22px; height:22px; background:#f0d6ab; color:#000; font-size:12px;}
.cat_list_h li a.link_more { line-height:22px; position:absolute; top:0; right:10px; color:#C60;}
.cat_content { background:no-repeat center top; margin-top:10px; padding:13px; padding-top:95px; line-height:18px; color:#C66;}
.down_area { background:#f2f2f2; padding:3px 10px; margin-top:10px; color:#000;}
.down_area { color:#F90}
/*reg box*/
.reg_box { padding:20px 50px; border-bottom:solid 1px #999;}
.reg_box h3 { font-size:14px; color:#F60; margin-bottom:5px; margin-top:10px;}
.reg_box .txtbox { width:200px; border:solid 1px #ccc;}
.reg_box .txtarea {  border:solid 1px #ccc; overflow:auto;}
/*form style*/
.form_info { }
.form_info h4 { font-size:12px; border-bottom:solid 1px #ddd; display:block; }
.form_info dl { margin-top:4px; }
.form_info dd, .form_info dt { float:left; }
.form_info dt { width:60px; text-align:left; font-weight:bold; }
.form_info .submition { clear:both; padding:12px 0 10px 60px; zoom:1; }
.form_info textarea { width:400px; height:100px; }
.form_info p { line-height:18px; margin-bottom:8px; width:500px; }
.form_tips { margin:0 0 10px 0; padding:10px; border:#ddd solid 1px; background:#f3f3f3; }
.form_tips h4 { font-size:14px; color:#009999; border-bottom:solid 1px #CCCCCC }
/*Text style*/
.text_content { padding:30px;border-bottom:solid 1px #999;}
.text_content h3{font-size:14px; color:#F60; margin-bottom:5px; }
.text_content span.date { font-size:12px; display:block; padding-bottom:8px; margin-bottom:8px; border-bottom:dotted 1px #ccc}
.text_content .text { color:#333; line-height:20px;}
.text_content_side {}
.text_content_side h3{font-size:14px; color:#900; margin-bottom:10px; line-height:25px;}
.text_content_side .text { color:#333; line-height:20px;}
/*Product */
.prd_cat_box { margin-bottom:30px;}
.prd_cat_box h3 {line-height:22px; height:22px; color:#900; font-size:12px; border-bottom:dotted 1px #ccc; margin-bottom:8px;}
.prd_cat_box ul li { line-height:22px; height:22px; float:left; width:49%; }
/*comment*/
.comment_side h3{ background:none; padding:0; margin-bottom:10px;}
.comment_main h3 { background:none; padding:0; color:#333; font-size:12px; line-height:25px;}
/*theme Style*/
.theme_list { padding:20px 50px; padding-bottom:200px; border-bottom:solid 1px #999;}
.theme_list li { line-height:25px; height:25px; background:url(../images/grey_arrow.jpg) no-repeat left center; padding-left:15px; border-bottom:dotted 1px #ddd;}