@charset "utf-8";

body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img,
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}

body{
background:#fff none; color:#333; font-size:12px;  font-style:normal; font-weight:normal; font-family:verdana, "宋体";}
b, i{font-style:normal; font-weight:inherit; _font-weight:normal;}

p{
line-height:1.25em;
}

a{color:#000; text-decoration:none;}
a:link, a:visited{}
a:hover, a:active{text-decoration: underline;}
a.on:hover, a.cur:hover, .on a:hover, .cur a:hover{text-decoration:none;}

a.color_red, .color_red a{color: #f00;}
a.color_green, .color_green a{color: #0f0;}
a.color_blue, .color_blue a{color: #00f;}
a.color_gray, .color_gray a{color:#555;}

.fs_14, .fs_14 a{font-size:14px;}
.fs_12, .fs_12 a{font-size:12px;}

.ff_eng, .ff_eng a{}
.ff_ch, .ff_ch a{}

img, a img{border:0 none;}

ul, ol{list-style-type:none;}
ul:after, ol:after{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;
}

.hide{display:none;}
hr{display:none;}
.hr{margin:3px 0; height:1px; background:url(img/dot_h_1.gif) repeat-x left top; font-size:0px; line-height:0px;}

.vspace{height:5px; font-size:0px; line-height:0px; width:99%; clear:both;}
.vspace_h20{height:20px; font-size:0px; line-height:0px; width:99%; clear:both;}
.hspace{width:5px; font-size:0px; line-height:0px; float:left;}

body .l, body .left{float:left; clear:none;}
body .r, body .right{float:right; clear:none;}
body .c, body .c{text-align:center;}

#page_bar
, #page_head
, #page_body
, #page_bottom
{clear:both;}

#page_bottom
{margin-bottom:8px;}


.clear_float
, .clear
{clear: both; font-size:1px; line-height:1px; height:1px; overflow:hidden;}

body #page_body img.no_border{border:0 none; background:none;}

.wholepage{
clear:both;
width:100%;
margin:0 auto;
text-align:left;
}

.column_wrapper{
clear:both;
width:778px;
margin:0 auto;
}

.column_wrapper .col_1
, .column_wrapper .col_2
, .column_wrapper .col_3
, .column_wrapper .col_4
{
float:left;
_height:0%;
}

.column_wrapper .col_1{clear:left; width:778px;}

.column_wrapper .col_last{margin-right:0;}

.lc_w .col_1{width:778px;}

.lc_oo .col_1, lc_ww .col_1{width:386px; margin-right:5px;}
.lc_oo .col_2, lc_ww .col_2{width:387px;}

.lc_ow .col_1{width:256px; margin-right:5px;}
.lc_ow .col_2{width:517px;}

.lc_wo .col_1{width:517px; margin-right:5px;}
.lc_wo .col_2{width:256px;}

.lc_oww .col_1{width:256px; margin-right:5px;}
.lc_oww .col_2{width:256px; margin-right:5px;}
.lc_oww .col_3{width:256px;}

.lc_owo .col_1{width:256px; margin-right:5px;}
.lc_owo .col_2{width:256px; margin-right:5px;}
.lc_owo .col_3{width:256px;}

.lc_iw .col_1{width:180px; margin-right:5px;}
.lc_iw .col_2{width:593px;}

.lc_wi .col_1{width:593px; margin-right:5px;}
.lc_wi .col_2{width:180px;}

.lc_iww .col_1{width:180px; margin-right:5px;}
.lc_iww .col_2{width:294px; margin-right:5px;}
.lc_iww .col_3{width:294px;}

.lc_wwi .col_1{width:294px; margin-right:5px;}
.lc_wwi .col_2{width:294px; margin-right:5px;}
.lc_wwi .col_3{width:180px;}

.lc_iwi .col_1{width:180px; margin-right:5px;}
.lc_iwi .col_2{width:408px; margin-right:5px;}
.lc_iwi .col_3{width:180px;}

.lc_iiw .col_1{width:180px; margin-right:5px;}
.lc_iiw .col_2{width:180px; margin-right:5px;}
.lc_iiw .col_3{width:408px;}

.lc_oiw .col_1{width:256px; margin-right:5px;}
.lc_oiw .col_2{width:180px; margin-right:5px;}
.lc_oiw .col_3{width:332px;}

.lc_iow .col_1{width:180px; margin-right:5px;}
.lc_iow .col_2{width:256px; margin-right:5px;}
.lc_iow .col_3{width:332px;}

.lc_wio .col_1{width:332px; margin-right:5px;}
.lc_wio .col_2{width:180px; margin-right:5px;}
.lc_wio .col_3{width:256px;}

.lc_woi .col_1{width:332px; margin-right:5px;}
.lc_woi .col_2{width:256px; margin-right:5px;}
.lc_woi .col_3{width:180px;}

.lc_owi .col_1{width:256px; margin-right:5px;}
.lc_owi .col_2{width:332px; margin-right:5px;}
.lc_owi .col_3{width:180px;}

.lc_iwo .col_1{width:180px; margin-right:5px;}
.lc_iwo .col_2{width:332px; margin-right:5px;}
.lc_iwo .col_3{width:256px;}

.lc_iiii .col_1,.lc_iiii .col_2,.lc_iiii .col_3{ width:191px; margin-right:5px;}
.lc_iiii .col_4{ width:190px;}

.column_wrapper .col_fl{
float:left;
margin-right:5px;
}
.column_wrapper .col_fr{
float:right;
}
.column_wrapper .col_w180{
width:180px;
}
.column_wrapper .col_w256{
width:256px;
}
.column_wrapper .col_w294{
width:294px;
}
.column_wrapper .col_w332{
width:332px;
}
.column_wrapper .col_w386{
width:386px;
}
.column_wrapper .col_w387{
width:387px;
}
.column_wrapper .col_w408{
width:408px;
}
.column_wrapper .col_w517{
width:517px;
}
.column_wrapper .col_w593{
width:593px;
}
.column_wrapper .col_w778{
width:778px;
}

.column_wrapper:after
{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;
}
.column_wrapper .clear{clear:both;}

#searchbar{
background:url(img/top_bar/bg_searchbar.gif) repeat-x;
}
#searchbar .searchbar_box{
width:778px;
margin:0 auto;
height:34px;
overflow:hidden;
font-size:12px;
}
#bar_channel_link_text {
margin-top:7px;
padding-left:1px;
height:19px;
width:177px;
line-height:19px;
float:left;
color:#fff;
font-family:"宋体";
}
#bar_channel_link_text a{
color:#fff;
font-family:Arial, "宋体";
}
#bar_search_box{
background:url(img/top_bar/bg_bar_search_box.gif) no-repeat;
padding-left:50px;
margin-top:6px;
height:19px;
line-height:19px;
float:left;
color:#000;
margin-right:16px;
}
#bar_search_box a{
color:#000;
}
#bar_searchtype_select{
display:block;
float:left;
}
#bar_searchtype_select a, #bar_search_box a.submit_btn{
background:url(img/top_bar/bg_bar_searchtype_btn.gif) no-repeat;
display:inline;
width:47px;
text-align:center;
height:19px;
line-height:22px;
overflow:hidden;
float:left;
margin-right:5px;
}
#bar_searchtype_select a.cur{
width:42px;
padding-left:5px;
background-image:url(img/top_bar/bg_bar_searchtype_btn_cur.gif);
}
#bar_search_box .submit_btn_box{
float:left;
}
#bar_search_box a.submit_btn{
background-image:url(img/top_bar/bg_bar_search_submit_btn.gif);
}
#bar_search_box span.q_box{
background:url(img/top_bar/bg_bar_search_q_box.gif) no-repeat;
height:19px;
width:180px;
overflow:hidden;
float:left;
margin-right:5px;
}
#bar_search_box span.q_box .q_txt{
background:transparent none;
border:0px none;
height:14px;
line-height:16px;
width:170px;
margin:2px 0 0 5px;
color:#666666;
}
#bar_function_link{
background:transparent url(img/top_bar/bg_bar_function_link.gif) no-repeat left top;
padding-left:10px;
margin-top:6px;
height:19px;
line-height:19px;
float:left;
color:#ffffff;
}
#bar_function_link a{
color:#ffffff;
}
#head_login_box{
margin-left:7px;
margin-top:2px;
margin-right:92px;
}
/****
page_bar end
*/
#page_head {
clear:both;
}

/*sitenav_box*/
#sitenav_box{
font-family:Arial;
clear:both;
width:778px;
margin:0 auto;
_height:1px; min-height:1px;
}
#sitenav_box .channel_logo{
	float:left;
	_height:1px;
	min-height:1px;
	width:165px;
	padding-top:46px;
	color:#0B5596;
	background-image: url(/library/image/logo/logo_cctv_com.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
#sitenav_box ul#sitenav_links{
float:right; 
background: url(/library/image/dot/dot_bg_sitenav_links.gif) repeat-y; padding-left:19px; padding-bottom:2px; margin:8px 0px 14px 0px;
_height:20px; min-height:20px;
color:#0B5596;
}
#sitenav_box ul#sitenav_links li{
line-height:18px;
}
#sitenav_box ul#sitenav_links li a{color:#0B5596; margin-right:8px;}
#sitenav_box ul#sitenav_links li a.cur{ color:#0072D9; text-decoration:underline;}

/*nav_box*/
#nav_box{
clear:both;
width:778px;
margin:0 auto;
padding-bottom:2px;
background: url(img/inc/bg_nav_box.gif) repeat-x left bottom;
}
#nav_box .channel_logo{ float:left; background:url(img/inc/nav_logo.gif) no-repeat left bottom; width:76px; height:23px; margin-right:18px; margin-top:2px;}
#nav_box .channel_logo a{ width:76px; height:23px;display:block;}
#nav{
padding-top:4px;
}
#nav li{
_height:1px; min-height:1px;
background:#7b7b7b url(img/inc/bg_navlink_leftw.gif) no-repeat left top;
float:left; margin-right:1px;
}
#nav li a{
background:transparent url(img/inc/bg_navlink_rightn.gif) no-repeat right top;
height:24px;
line-height:24px;
float:left;
padding:0px 5px 0px;
font-size:13px;
color:#000;
}
#nav li.cur{
background:#3b39a5 url(img/inc/bg_navlink_leftw_cur.gif) no-repeat;
margin-top:0px;
}
#nav li.cur a{
background-image:url(img/inc/bg_navlink_rightn_cur.gif);
height:24px;
line-height:24px;
padding:0px 12px 0px;
font-size:13px;
color:#ffffff;
}

/*program_list_box*/
#program_list_box{
clear:both;
}
#program_list{
background:#3b39a5 url(img/inc/bg_program_list.gif) repeat-x;
width:766px;
margin:0 auto;
font-size:13px;
padding:8px 0 0px 12px;
_height:17px;
min-height:17px;
color:#ffffff;
}
#program_list a{
color:#ffffff;
}
/****
page_head end
*/

/****
page_bottom begin
*/
#page_bottom .footer{
background:#e7e7e7;
clear:both;
_height:10px; min-height:10px;
width:778px;
margin:0 auto;
}
#page_bottom .footer .bottom_link{
margin:0 auto;
padding:18px 0 0;
line-height:1.1em;
text-align:center;
}
#page_bottom .footer .bottom_copyright{
width:360px;
margin:0 auto;
padding-bottom:22px;
_height:1px; min-height:1px;
}
#page_bottom .footer .bottom_copyright p{
padding:18px 0 0;
float:left;
width:330px;
_display:inline;
text-align:center;
line-height:1.4em;
}
#page_bottom .footer .bottom_copyright .copyright_gongshang_logo{
float:right;
margin-top:20px;
}

/****
page_bottom end
*/

/****
page_body begin
*/


#head_style_box{
width:778px;
margin:0 auto;
}

.md .image_box{ width:99%; overflow:hidden;}
.md .image_box img{border:1px solid #ccc; margin-bottom:4px;}
.md .image_box img.l{margin-right:5px;}
.md .image_box img.r{margin-left:5px;}
/*====================================图片 + 文字 组合*/
.md .image_box .image{ float:left; min-height:1px; margin-right:6px; display:inline; text-align:center;}
/**/
.md .image_box .text_box{line-height:18px;}
/*====================================图片 + 列表 组合*/
.md .image_box .title_list_box{line-height:18px; float:left; font-size:14px; display: inline;}
.md .image_box .title_list_box ul li{ line-height:22px;}

.md .image_list_box{
	clear:both;
	margin-right: -14px;
}
.md .image_list_box ul{clear:both; _height:1px; min-height:1px;margin-right:-10px;}
.md .image_list_box ul li{_height:1px; min-height:1px;float:left;margin:0 6px 5px 0;}
.md .image_list_box ul li .title{text-align:center; font-size:16px; font-family:"黑体"; font-weight:normal;}

.md .image_list_box ul li .image{background:#ccc; overflow:hidden; padding:1px; text-align:center;}
.md .image_list_box ul li .image img{}

.md .image_list_box ul li .text{padding:4px 4px 0;text-align: center;}

/*一行多图片*/
.md .image_list_box ul.il_2_img{}
.md .image_list_box ul.il_2_img li{}
.md .image_list_box ul.il_3_img{}
.md .image_list_box ul.il_3_img li{}
.md .image_list_box ul.il_4_img{}
.md .image_list_box ul.il_4_img li{}
.md .image_list_box ul.il_5_img{}
.md .image_list_box ul.il_5_img li{}
.md .image_list_box ul.il_6_img{}
.md .image_list_box ul.il_6_img li{}
.md .image_list_box ul.il_7_img{}
.md .image_list_box ul.il_7_img li{}

/*标识一行中的第一和最后一个*/
.md .image_list_box ul li.first{}
.md .image_list_box ul li.last{}

/*180px*/
.lc_wwi .col_3 .img_3_in_row li, .lc_iwo .col_1 .img_3_in_row li, .lc_owi .col_3 .img_3_in_row li{width:49px;}

/*256px*/
.lc_owo .col_1 ul.img_3_in_row {margin-right:-34px;}
.lc_owo .col_1 .img_3_in_row li{width:62px; margin-right:24px;}
.lc_owo .col_1 .img_2_in_row li{width:114px;}

/*294px*/
.lc_wwi .col_1 .img_4_in_row li, .lc_wwi .col_2 .img_4_in_row li{width:62px;margin-right:8px;}
.lc_wwi .col_1 .img_3_in_row li, .lc_wwi .col_2 .img_3_in_row li{width:86px;}
.lc_wwi .col_1 .img_2_in_row li, .lc_wwi .col_2 .img_2_in_row li{width:133px;}

/*332px*/
.lc_owi .col_2 .img_4_in_row li, .lc_iwo .col_2 .img_4_in_row li{width:73px;}
.lc_owi .col_2 ul.img_3_in_row, .lc_iwo .col_2 ul.img_3_in_row{margin-right:-26px;}
.lc_owi .col_2 .img_3_in_row li, .lc_iwo .col_2 .img_3_in_row li{width:90px;margin-right:20px;}
.lc_owi .col_2 .img_2_in_row li, .lc_iwo .col_2 .img_2_in_row li{width:152px;}

/*386px*/
.lc_oo .col_1 .img_4_in_row li, .lc_oo .col_2 .img_4_in_row li{width:86px;}
.lc_oo .col_1 ul.img_3_in_row, .lc_oo .col_2 ul.img_3_in_row{margin-right:-11px;}
.lc_oo .col_1 .img_3_in_row li, .lc_oo .col_2 .img_3_in_row li{width:114px;margin-right:11px;}
.lc_oo .col_1 ul.img_2_in_row, .lc_oo .col_2 ul.img_2_in_row{margin-right:-7px;}
.lc_oo .col_1 .img_2_in_row li, .lc_oo .col_2 .img_2_in_row li{width:178px;margin-right:7px;}

/*408px*/
.lc_iwi .col_2 .img_5_in_row li{width:72px;}
.lc_iwi .col_2 .img_4_in_row li{width:92px;}
.lc_iwi .col_2 .img_3_in_row li{width:124px;}

/*517px*/
.lc_wo .col_1 .img_5_in_row li, .lc_ow .col_2 .img_5_in_row li{width:90px;margin-right:11px;}
.lc_wo .col_1 ul.img_4_in_row, .lc_ow .col_2 ul.img_4_in_row{margin-right:-13px;}
.lc_wo .col_1 .img_4_in_row li, .lc_ow .col_2 .img_4_in_row li{width:114px;margin-right:13px;}
.lc_wo .col_1 ul.img_3_in_row, .lc_ow .col_2 ul.img_3_in_row{margin-right:-23px;}
.lc_wo .col_1 .img_3_in_row li, .lc_ow .col_2 .img_3_in_row li{width:152px;margin-right:19px;}

/*593px*/
.lc_wi .col_1 .img_5_in_row li, .lc_iw .col_2 .img_5_in_row li{width:90px;}
.lc_wi .col_1 .img_4_in_row li, .lc_iw .col_2 .img_4_in_row li{width:138px;}
.lc_wi .col_1 ul.img_3_in_row, .lc_iw .col_2 ul.img_3_in_row{margin-right:-21px;}
.lc_wi .col_1 .img_3_in_row li, .lc_iw .col_2 .img_3_in_row li{width:178px;margin-right:18px;}

/*778px*/
.lc_w .col_1 ul.img_6_in_row {margin-right:-14px;}
.lc_w .col_1 .img_6_in_row li{width:114px;margin-right:14px;}
.lc_w .col_1 .img_5_in_row li{width:146px;}
.lc_w .col_1 ul.img_4_in_row{margin-right:-14px;}
.lc_w .col_1 .img_4_in_row li{width:178px;margin-right:14px;}

.md .title_list_box{_height:1px;}
.md .title_list_box .tl_caption{height:21px; font-size:13px; line-height:21px;float:left; margin:0px 0px 3px; font-weight:bolder; clear:left;background:url(img/bg_caption_m.gif) repeat-x top;}

.md .title_list_box .tl_caption .rc_1{float:left; height:21px;background:url(img/bg_caption_l.gif) no-repeat left top; padding-left:5px;}
.md .title_list_box .tl_caption .rc_2{float:left; height:20px; padding-top:1px;background:url(img/bg_caption_r.gif) no-repeat right top; padding-right:5px;}

.md .title_list_box .image_title{margin-bottom:3px; _height:1px; min-height:1px;}
.md .title_list_box .image_title img{margin-bottom:3px;}
.md .title_list_box .image_title_02{margin-bottom:3px; _height:1px; min-height:1px;}
.md .title_list_box .image_title_02 img{float:left; margin:0 3px 3px 0;}

.md .title_list_box .tl_dot_line{background: url(library/image/dot/dot_h_1.gif) repeat-x center cneter;}
.md .title_list_box .tl_option{clear:both; _height:1px; min-height:1px; margin:5px 0 0; float:right; display:inline;}
.md .title_list_box .tl_option a.more_btn{float:left; background: url(/library/style/page/img/dot_cor.gif) no-repeat left 2px; padding-left:12px;}

/*
====================================
====================================
*/

.title_list_box ul.title_list{clear:both; _height:1px; min-height:1px;}
.title_list_box ul.title_list li{clear:both;background:url(/library/style/img/dot_title_list.gif) no-repeat left 7px; padding-left:8px;line-height:23px;font-size:14px;}
.title_list_box ul.float_2col, .title_list_box ul.float_3col, .title_list_box ul.w778_float_3col{margin-right:-10px;}
.title_list_box ul.float_2col li{clear:none;float:left;width:46%;}
.title_list_box ul.float_3col li{clear:none;float:left;width:30%;}


ul.title_list li a{}

/*预定义重要样式*/
.title_list_box .blue12, .title_list_box .blue12 a{color:#00e; font-size:12px;}
.title_list_box .blue14, .title_list_box .blue14 a{color:#00e; font-size:14px;}

.title_list_box .red12, .title_list_box .red12 a{color:#e00; font-size:12px;}
.title_list_box .red14, .title_list_box .red14 a{color:#e00; font-size:14px;}

.title_list_box .black12, .title_list_box .black12 a{color:#000; font-size:12px;}
.title_list_box .black14, .title_list_box .black14 a{color:#000; font-size:14px;}


.title_list_box li .hot, .title_list_box li .hot a{font-weight:bolder;color: #FF0000;}
.title_list_box .important, .title_list_box .important a{font-weight:bolder;color: #FF0000;}

.title_list_box .label, .title_list_box .label a{color:#0099FF;}
.title_list_box .date{color:#999;}

/*自定义
标题列表样式*/
.title_list_box ul.tl_f12{font-size:12px;}
.title_list_box ul.tl_f14{font-size:14px;}

ul.tl_type_02{font-size:14px;}
ul.tl_style_02 li{}

ul.tl_style_02{margin-top:4px;}
ul.tl_style_02 li{
/*background-image:url(img/dot_title_list_01.gif);*/
}

.title_list_box:after{content:"."; display:block; clear:both; visibility:hidden;font-size:0px; line-height:0px; height:0;}

.md .text_box{clear:both;}
/*各级标题*/

.md .text_box h1{font-size:18px; margin:2px 0 4px; font-weight:bold; line-height:24px;}
.md .text_box h1 a{}

.md .text_box h2{font-size:16px; margin:2px 0 4px; font-weight:bold; line-height:22px;}
.md .text_box h2 a{}

.md .text_box h3{font-size:14px; margin:0 0 1px; font-weight:bold; line-height:20px;}
.md .text_box h3 a{}

.md .text_box h4{font-size:12px; margin:1px 0 2px; font-weight:bold; line-height:18px;}
.md .text_box h4 a{}

.md .text_box img{background:#ccc; padding:1px;}
.md .text_box img.l{margin:0 5px 5px 0;}
.md .text_box img.r{margin:0 0 5px 5px;}

.md .text_box p{}

/*大标题(居中)*/
.md .tb_type_1{text-align:center;}
.md .tb_type_1 p{text-align:left; font-family:Arial, "宋体";}

/*标题、文字简介*/
.md .tb_type_2{}

/*段落文字有左边距*/
.md .tb_type_3 p{margin-left:0px;}
.md .text_box .view_detail{padding-left:12px; text-decoration:underline;}

.common_form{clear:both; _height:1px; min-height:1px; padding:5px;}
.common_form .form_title{border-bottom:2px solid #ddd; font-size:14px;}
.common_form .form_option{}/*放置表单功能，如收缩、展开表单项等*/
.common_form .form_frame{}/*用此块将表单项分开，用于收缩、展开等功能(辅助)*/
.common_form .form_function{clear:both; _height:1px; min-height:1px; padding:3px 5px 1px; text-align:center;}/*表单功能，如提交、重置等*/
.common_form .form_info{clear:both; _height:1px; min-height:1px; padding:6px 0 4px; line-height:1.3em; border-top:3px solid #f7d886; border-bottom:1px dotted #ddd; text-indent:2em;}/*放置表单说明文字*/
.common_form .form_hint{clear:both; _height:1px; min-height:1px; padding:6px 0 4px 1em; text-align:center; border-bottom:1px dotted #ddd; display:none;}
.common_form .form_hint .hint{background-color:#ccf; padding:2px 1em; font-weight:bold; margin-bottom:2px;}
.common_form .form_row .hint{background-color:#ccf; padding:2px; display:none;}
.common_form .form_row{clear:both; _height:1px; min-height:1px; line-height:20px; padding:3px 1px; border-bottom:1px dotted #ddd;}
.common_form .fr_col_1, .common_form .fr_col_2, .common_form .fr_col_3{float:left; width:28%; margin-right:1%;}
.common_form .fr_col_1{text-align:right;}
.common_form .fr_col_2{overflow:hidden; text-align:left;}
.common_form .fr_col_3{text-align:left;}
.common_form .fr_col_2_3{width:60%; float:left; text-align:left;}
.common_form .fr_col_1_2{width:60%; float:left;}

/*
====================================
表单扩展*/
#login_form{}
#login_form .form_title{}
#login_form a{}
#login_form .fr_col_1{width:50px;}
#login_form .fr_col_2{width:80px;}
#login_form .fr_col_3{margin-left:10px;}
#login_form .form_function{text-align:left; padding-left:50px;}

#leave_message_form{}
#leave_message_form .fr_col_1{width:80px;}
#leave_message_form .fr_col_2_3{width:400px;}
#leave_message_form .form_frame{border-top:3px solid #0c6;}
/*
end module content style define*/

input.textfield{width:100px;padding: 1px 0 1px 0.2em;border: 1px solid;}
input.button{height:22px;padding:3px 2px 0 4px;margin-right:3px;border:1px solid;background: transparent none;cursor: pointer;}

/*
====================================
留言板*/

.padding_30{padding:5px 30px;}

.message_list{}
.message_list ul{list-style:none;}
.message_list ul li{padding:12px; clear:left;}
.message_list ul li.mi_s_02{background-color:#f7f7f7;}

.message_list ul li div.m_info{width:120px; float:left; height:47px; padding-top:12px;}
.message_list ul li div.m_info span.m_number{float:left; width:47px; height:27px; padding-top:8px; background:url(img/icon/icon_message_item.gif) no-repeat; text-align:center; font-family:Verdana; font-weight:bold; margin-right:8px;}
.message_list ul li div.m_info b{color:#ff9000; font-size:14px; float:left; width:60px; line-height:17px; text-decoration:underline;}
.message_list ul li div.m_info b a{color:#ff9000; text-decoration:underline;}
.message_list ul li div.m_info i{color:#737373; font-size:12px; float:left; font-style:normal; font-weight:normal; width:60px; padding:2px 0 0;}

.message_list ul li div.m_info_type_02{width:120px; float:left; min-height:47px; _height:47px; padding-top:12px;}
.message_list ul li div.m_info_type_02:after{content:"."; display:block; clear:both; visibility:hidden; font-size:0px; line-height:0px; height:0;}
.message_list ul li div.m_info_type_02 span.m_number{float:left; width:47px; height:27px; padding-top:8px; background:url(img/icon/icon_message_item.gif) no-repeat; text-align:center; font-family:Verdana; font-weight:bold; margin-bottom:11px;}
.message_list ul li div.m_info_type_02 i{color:#737373; font-size:12px; float:left; font-style:normal; font-weight:normal; width:60px; padding:2px 0 0; clear:left;}
.message_list ul li div.m_info_type_02 b{color:#ff9000; font-size:12px; margin-left:58px; display:block; line-height:17px; font-weight:bold;}
.message_list ul li div.m_info_type_02 b img{border:1px solid #888; display:block; margin:0 0 4px;}
.message_list ul li div.m_info_type_02 b a{color:#ff9000; text-decoration:underline; display:block;}

.message_list ul li div.m_content{float:left; width:70%;padding:10px; border-left:1px solid #888888;}
.message_list .leave_message_button{color:#000000; text-align:right; padding:2px 10px; height:16px; margin:0 0 -20px;}
.message_list .leave_message_button a{color:#000000; background:url(img/icon/icon_leave_message.gif) no-repeat right; padding:3px 19px 0 0;}

.turn_page_box{clear:both; padding:9px 2px; text-align:center; color:#000000; font-family:Verdana, Arial; border:1px solid #d8d8d6; border-width:1px 0; margin:0; font-size:12px;}
.turn_page_box b{font-weight:normal;}
.turn_page_box .tpb_left{padding:0 10px 0 0;}
.turn_page_box .tpb_left .current_page{font-weight:bold; font-size:1.2em; color:#ed120a; padding:0 2px;}
.turn_page_box .tpb_left .total_page{padding:0 2px; font-style:normal;}
.turn_page_box .tpb_right{}
.turn_page_box .tpb_right a{padding:0 4px 1px; border:1px solid #ccc; background-color:#fff; color:#000000; line-height:12px; font-size:12px;}
.turn_page_box .tpb_right a:hover{background-color:#ffffff; text-decoration:none; border-color:#ff0000;}
.turn_page_box .tpb_right a.cur{font-weight:bold; padding:1px 5px 2px; border:0px none; background-color:#ed120a; color:#fff;}
.turn_page_box .tpb_right a.cur:hover{background-color:#ed120a;}
.turn_page_box .tpb_right a.tpb_btn_previous, .turn_page_box .tpb_right a.tpb_btn_next{padding-left:6px; padding-right:6px;}

#leave_message_box{ font-size:12px;}
#leave_message_box .message_box{margin-top:6px;}
#leave_message_box .message_box .leave_message_txt{width:98%; height:10em; border:1px solid #808080;overflow:auto; font-family:Verdana, Arial, "宋体"; font-size:12px; padding-top:3px;}
#leave_message_box .message_btn_box{margin-top:6px;}
#leave_message_box .message_btn_box input{border:1px solid #666666; height:20px; padding:1px 2px 0px; background:url(img/bg_btn_lmessage.gif) repeat-x; line-height:16px; cursor:pointer; font-size:12px;}
#leave_message_box .message_btn_box input.submit_btn{margin-right:5px;}
#leave_message_box .person_info{}
#leave_message_box .person_info_select{ height:28px; display:block; }
#leave_message_box .person_info_select .select_box{ border:1px solid #666666;}
#leave_message_box .person_info .nickname_txt{margin:0 0.6em; margin-left:0; height:15px; padding:1px 4px; _padding-top:3px; width:100px; border:1px solid #808080; font-family:Verdana, Arial;}
#leave_message_box .person_info .email_txt{ width:176px; _width:170px; margin:0px; margin-left:0; height:15px; padding:1px 4px; _padding-top:3px;border:1px solid #808080; font-family:Verdana, Arial;}
body .txt_ar{ display: block; text-align:right;}
#leave_message_box .upload_file{margin:5px 0; background:#e8e8e8; padding:5px; border:1px solid #c0c0c0;}
#leave_message_box p{margin:0 0 5px;}
#leave_message_box .upload_file .up_file_input{border:1px solid #000; padding-top:3px; height:20px; overflow:hidden;}
#leave_message_box .upload_file .add_more{border:1px solid #666666; height:20px; background:url(img/bg_btn_lmessage.gif) repeat-x; line-height:16px; cursor:pointer; font-size:12px;}

.md_leavemessage .message_notice{background:#eee; padding:5px 5px 10px; line-height:1.6em; margin-right:5px;}

.md_leavemessage .mb_2col .mb_col_2{width:49.5%;}

input.text{height:15px; padding:1px 4px; _padding-top:3px; border:1px solid #808080; font-family:Verdana, Arial;}
textarea{padding:1px 4px; _padding-top:3px; border:1px solid #808080; font-family:Verdana, Arial;}
input.btn{border:1px solid #666666; height:20px; background:#ccc; line-height:16px; cursor:pointer; font-size:12px;}

* html .md_leavemessage .mb_2col .mb_col_2{width:49%;}
/*
标准部分
这一部分相对来说改动很少，页面主体尺寸和样式
*/

body{color:#1f477e;}
a{color:#1f477e;}
/****
page_body begin
*/

/*
=========================================
begin
module frame*/
.md{clear:both;border:1px solid #ccc;_height:0px;}

.md .md_hdc{height:5px; font-size:1px; overflow:hidden; background:url(img/bg_md_hdc_l.gif) no-repeat left top; margin:-1px -1px -4px; position:relative;}
* + html .md .md_hdc{float:left;margin:-1px 0px -4px -1px;}/*fixed IE7 bug 20080104*/
.md .md_hdc b{width:5px; height:5px; float:right; background:url(img/bg_md_hdc_r.gif) no-repeat right top; overflow:hidden;}

.md .md_ftc{height:5px; font-size:1px; overflow:hidden; background:url(img/bg_md_ftc_l.gif) no-repeat left top; margin:-4px -1px -1px; position:relative;}
.md .md_ftc b{width:5px; height:5px; float:right; background:url(img/bg_md_ftc_r.gif) no-repeat right top; overflow:hidden;}

.md .md_hd{clear:both;background: url(img/bg_md_hd.gif) top repeat-x;height:25px;overflow:hidden;line-height:27px;}
.md .md_hd a{}

.md .md_hd .mh_icon{float:left; margin-left:5px; display:none;}
.md .md_hd .mh_title{font-size:14px; float:left; margin-left:10px; display:inline;}
.md .md_hd .mh_subtitle{font-size:12px; float:left; margin-left:5px; display:inline;}
.md .md_hd .mh_option{float:right; margin-right:10px; display:inline;}
.md .md_hd .mh_option .more_btn{display:inline; background:url(img/dot_cor.gif) no-repeat left 2px; padding-left:12px;}
.md .md_hd .mh_option a.roll_btn{background:url(img/dot_btn_roll_up.gif) no-repeat left center; padding-left:14px;}
.md .md_hd .mh_option a.roll_btn:hover{text-decoration:none; border-bottom:1px solid #000;}
.md .md_hd .mh_option a.up{background-image:url(img/dot_btn_roll_up.gif);}
.md .md_hd .mh_option a.down{background-image:url(img/dot_btn_roll_down.gif);}

.md .md_hd ul.mh_tabs{margin-left:5px;float:left; display:inline;margin-top:4px;height:22px;line-height:24px;overflow:hidden;}

.md .md_hd ul.mh_tabs li{background-color:#eee;border:1px solid #000;border-bottom:0 none;border-color:#fff #999 #999 #fff;float:left;padding:0 8px;margin-right:2px;}
.md .md_hd ul.mh_tabs li.cur{border:1px solid #000;border-color:#999 #fff #fff #999;position:relative;margin-top:-2px;height:22px;line-height:23px;background-color:#fff;font-weight:bold;}
.md .md_hd ul.mh_tabs li.cur a{font-weight:bold;}

.md .md_bd{clear:both; padding:10px;/*_height:1px; min-height:1px;*/}

.md .mb_2col{clear:both; _height:1px; min-height:1px;}
.md .mb_2col .mb_col_1, .md .mb_2col .mb_col_2{float:left; width:49.9%;}
.md .mb_3col{clear:both; _height:1px; min-height:1px;}
.md .mb_3col .mb_col_1, .md .mb_3col .mb_col_2, .md .mb_3col .mb_col_3{float:left; width:33.3%;}
.md .mb_4col{clear:both; _height:1px; min-height:1px;}
.md .mb_4col .mb_col_1, .md .mb_4col .mb_col_2, .md .mb_4col .mb_col_3, .md .mb_4col .mb_col_4{float:left; width:24.9%;}

/*
end
module frame*/

/*
begin
module content style define*/
.md .mb_common, .md .md_bd .mb_content{clear:both; margin:10px 10px 0;}

.mb_dot_line{background:url(/library/image/dot/dot_h_1.gif) repeat-x left top; margin:5px 10px 4px; height:1px; font-size:0;}

.md .md_bd .mb_option{clear:both; float:right;}
.md .md_bd .mb_option .more_btn{float:left;}

.md_bd .mb_caption{font-size:13px; padding:3px 10px 1px; background-color:#cfc; float:left; clear:both; display:inline; margin:5px 5px 3px; font-weight:bold;}
.md_bd .mb_caption span{}

/*
====================================
表单应用*/
.common_form{clear:both; _height:1px; min-height:1px; padding:5px;}
.common_form .form_title{border-bottom:2px solid #ddd; font-size:14px;}
.common_form .form_option{}/*放置表单功能，如收缩、展开表单项等*/
.common_form .form_frame{}/*用此块将表单项分开，用于收缩、展开等功能(辅助)*/
.common_form .form_function{clear:both; _height:1px; min-height:1px; padding:3px 5px 1px; text-align:center;}/*表单功能，如提交、重置等*/
.common_form .form_info{clear:both; _height:1px; min-height:1px; padding:6px 0 4px; line-height:1.3em; border-top:3px solid #f7d886; border-bottom:1px dotted #ddd; text-indent:2em;}/*放置表单说明文字*/
.common_form .form_hint{clear:both; _height:1px; min-height:1px; padding:6px 0 4px 1em; text-align:center; border-bottom:1px dotted #ddd; display:none;}
.common_form .form_hint .hint{background-color:#ccf; padding:2px 1em; font-weight:bold; margin-bottom:2px;}
.common_form .form_row .hint{background-color:#ccf; padding:2px; display:none;}
.common_form .form_row{clear:both; _height:1px; min-height:1px; line-height:20px; padding:3px 1px; border-bottom:1px dotted #ddd;}
.common_form .fr_col_1, .common_form .fr_col_2, .common_form .fr_col_3{float:left; width:28%; margin-right:1%;}
.common_form .fr_col_1{text-align:right;}
.common_form .fr_col_2{overflow:hidden; text-align:left;}
.common_form .fr_col_3{text-align:left;}
.common_form .fr_col_2_3{width:60%; float:left; text-align:left;}
.common_form .fr_col_1_2{width:60%; float:left;}


/*
====================================
表单扩展*/
#login_form{}
#login_form .form_title{}
#login_form a{}
#login_form .fr_col_1{width:50px;}
#login_form .fr_col_2{width:80px;}
#login_form .fr_col_3{margin-left:10px;}
#login_form .form_function{text-align:left; padding-left:50px;}

#leave_message_form{}
#leave_message_form .fr_col_1{width:80px;}
#leave_message_form .fr_col_2_3{width:400px;}
#leave_message_form .form_frame{border-top:3px solid #0c6;}
/*
end
module content style define*/

/*
====================================
*/
.md .mb_2col:after
, .md .md_bd:after
, .md .mb_3col:after
, .common_form .form_row:after
, .common_form .form_function:after
, .common_form .form_option:after
{
content:"."; display:block; clear:both; visibility:hidden;
font-size:0px; line-height:0px; height:0;
}/*for firefox*/


.link_box{margin:10px -7px 0 5px;}
.link_box .btn_box{margin-right:7px; margin-bottom:5px;}
.link_box .btn_box{background:url(img/bg_btn_box_m.gif) repeat-x left top; display:inline; float:left; font-size:14px; height:28px; line-height:26px; overflow:hidden;}
.link_box .btn_box .btn_bgl{background:url(img/bg_btn_box_m.gif) no-repeat left top; display:inline; float:left; height:28px;}
.link_box .btn_box .btn_bgl a{background:url(img/bg_btn_box_m.gif) no-repeat right top; display:inline; float:left; height:28px;padding:0 7px; white-space:nowrap;}

.md .top10 ul.title_list li{background:none;}
.md .top10 ul.title_list li img{margin-right:10px;vertical-align:middle;}

.comment{margin:8px 0;padding-bottom:10px;border:1px solid #ccc;}
.comment h2{padding:0 10px;margin-bottom:10px;height:25px;line-height:25px;font-size:14px;background:url(img/bg_md_hd.gif) repeat-x;}
.comment h2 span{float:right;font-size:12px;font-weight:400;}
.comment p{margin:0 10px;padding:0 5px;}
.comment .txt{line-height:20px;padding:2px 5px;border-bottom:1px dotted #ccc;}
.comment .info{color:#999;padding:9px 5px 0;}
.comment .num{color:#000;font-weight:700;padding-top:10px;}
.comment .num b{color:#f00;}
.comment .content{width:531px;height:86px;margin:8px 0 8px 10px;padding:7px;}
.comment .ls .txt_{width:98px;}