@charset "utf-8";
/* CSS Document */
@import url(public.css);

#container{ width:961px;*width:960px; text-align:left; margin:0 auto;*padding-left:1px;_padding-left:2px;}

.maincontent{ padding-top:9px; margin-left:10px; margin-right:12px;}

/*area01 area01main*/
.area01{ width:938px;}
.area01 .area01main{ float:left; width:705px; margin-right:12px;}

.area01 .area01main .blockbox{ float:left;}
.area01 .area01main .blockbox .head{ margin-bottom:1px;}
.area01 .area01main .blockbox .head h4{ line-height:28px; font-size:13px; padding-left:26px; background:url(area01icon01.gif) no-repeat 11px 9px; color:#FFFFFF;}
.area01 .area01main .blockbox .head h4 span{ float:right;}
.area01 .area01main .blockbox .head h4 span a{ display:block; margin-top:6px; margin-right:8px;}
.area01 .area01main .blockbox a:hover{ color:#ff0000}

.area01 .area01main .blockbox .body{ height:305px; border:1px solid #d7d7d7;}


.area01 .area01main .box01{margin-right:11px;}
.area01 .area01main .box01 .head{ background:url(area01bg01.gif) repeat-x; width:434px; height:28px; border:1px solid #d7d7d7;}

.area01 .area01main .box01 .body{ width:434px;}
.area01 .area01main .box01 .body ul{ margin:1px;  background:#fafafa; padding-left:6px; padding-top:8px;}

.area01 .area01main .box01 .body ul li{ margin-bottom:1px; }
.area01 .area01main .box01 .body ul li OBJECT{ width:420px; padding:1px;border:1px solid #d7d7d7;}
.area01 .area01main .box01 .body ul li a img{ width:420px; padding:1px;border:1px solid #d7d7d7;}


.area01 .area01main .box02 .head{ background:url(area01bg01.gif) repeat-x; width:290px; height:28px; border:1px solid #d7d7d7;}
.area01 .area01main .box02 .body ul{ margin:1px; width:288px;background:#fafafa; padding-top:4px;}
.area01 .area01main .box02 .body ul li{ padding-left:33px; line-height:25px; background:url(area01icon03.gif) no-repeat 19px 11px;}

/*area01 area01sidebar*/
.area01 .area01sidebar{ float:left; width:216px;} 
.area01 .area01sidebar .head{ width:216px; border:1px solid #d7d7d7;background:url(area01bg01.gif) repeat-x; height:28px; margin-bottom:1px;}
.area01 .area01sidebar .head h4{  line-height:28px; padding-left:29px; font-size:13px; color:#FFFFFF; background:url(area01icon01.gif) no-repeat 12px 9px;}
.area01 .area01sidebar .body ul li{ margin-bottom:1px; }
.area01 .area01sidebar .body ul li a img{ width:214px; padding:1px;border:1px solid #d7d7d7;}

/*area02*/
.area02{width:938px;padding-top:4px;*padding-top:0;}

.area02 ul li{ float:left;}
.area02 ul li a img{ width:463px;}
.area02 ul li.left{ margin-right:12px;}

/*area03 area03main*/
.area03{ width:938px; text-align:center;}
.area03 .area03main{ float:left;width:720px;}
.area03 .area03main .box{ width:349px; float:left;margin-right:11px; margin-bottom:7px; display:inline;}
.area03 .area03main .box .head{ width:347px; background:url(area03bg01.gif) repeat-x; height:26px; border:1px solid #d7d7d7; margin-bottom:1px;; float:left}
.area03 .area03main .box .head h4{ padding-left:27px; background:url(area01icon01.gif) no-repeat 10px 7px; line-height:26px; font-size:13px; color:#fff; }
.area03 .area03main .box .head h4 span{ float:right; margin-right:8px;}
.area03 .area03main .box .head h4 span a{ display:block; margin-top:5px;}

.area03 .area03main .box .body{ height:170px; width:347px; border:1px solid #d7d7d7; background:url(area03bg02.gif) repeat-x;overflow:hidden;}
.area03 .area03main .box .body table{ width:347px; overflow:hidden; height:170px;}
.area03 .area03main .box .body table .pic{ width:135px; text-align:center;padding-bottom:25px;}
.area03 .area03main .box .body table .text ul{ padding-top:0px;}
.area03 .area03main .box .body table .text ul li{ line-height:22px; padding-left:8px; background:url(area01icon03.gif) no-repeat 0 8px; margin-left:4px;}
.area03 .area03main .box .body table .text ul li a{ color:#777;}
.area03 .area03main .box .body table .text ul li a:hover{color:#ff0000;}

/*area03 area03sidebar*/
.area03sidebar{ float:left; width:218px;}
.area03sidebar .blockbox{ margin-bottom:9px;}
.area03sidebar .blockbox .head{ background:url(area03bg03.gif) no-repeat; width:216px; height:26px; border:1px solid #d7d7d7; margin-bottom:1px;}
.area03sidebar .blockbox .head h4{ padding-left:29px; line-height:26px; background:url(area01icon01.gif) no-repeat 12px 7px; font-size:13px; color:#fff;}

.area03sidebar .blockbox .body{ width:216px; border:1px solid #d7d7d7;}

/*area03 box01*/

.area03sidebar .box01 .body ul{ margin:1px; width:214px; background:#fafafa; padding-top:10px;padding-bottom:4px;}
.area03sidebar .box01 .body ul li{ padding-left:21px; line-height:24px; background:url(area01icon03.gif) no-repeat 13px 10px;}
.area03sidebar .box01 .body ul li a{ color:#777;}
.area03sidebar .box01 .body ul li a:hover{color:#ff0000;}
/*area03 box02*/

.area03sidebar .box02 .body ul{  margin:1px; width:214px; background:#fafafa; padding-top:10px;padding-bottom:3px; }
.area03sidebar .box02 .body ul li{ padding-left:16px; line-height:22px; padding-right:15px;color:#777;}
.area03sidebar .box02 .body ul li a{color:#777;}
.area03sidebar .box02 .body ul li a:hover{color:#f00;}
/*area03 box03*/
.area03sidebar .box03 .body .contact{margin:1px; width:214px;height:157px; _height:143px; background:#fafafa; padding-top:10px;}
.area03sidebar .box03 .body .contact ul{margin-bottom:10px;}
.area03sidebar .box03 .body .contact ul li{ padding-left:19px; color:#d80000;}
.area03sidebar .box03 .body .contact ul li b{ font-weight:normal; color:#646464;}

.area03sidebar .box03 .body .online img{ margin-left:5px;margin-bottom:8px; margin-top:4px;}
.area03sidebar .box03 .body .online .service{float:left;padding-bottom:10px;}
.area03sidebar .box03 .body .online .service .service01{ float:left; width:44px;  display:inline; }
.area03sidebar .box03 .body .online .service .service01 img{ float:left; width:41px; border:1px solid #efefef; padding:1px;margin-bottom:0;}
.area03sidebar .box03 .body .online .service .service02{ float:left; width:45px;  margin-left:10px;}
.area03sidebar .box03 .body .online .service .service02 ul{ clear:both; }
.area03sidebar .box03 .body .online .service .service02 ul li{ padding-left:0px;}
.area03sidebar .box03 .body .online .service .service02 ul li.txt{border-bottom:1px solid #4b4b4b; text-align:center; color:#4b4b4b;}




#p7ssm {FONT-SIZE: 12px; Z-INDEX: 100; MARGIN: 0px; WIDTH: 396px; FONT-FAMILY: Arial, Helvetica, sans-serif; POSITION: relative; BACKGROUND-COLOR: #ffffff}
#p7ssm_w2 {	Z-INDEX: 100; POSITION: relative}
#p7SSMwnav {Z-INDEX: 100; FILTER: alpha(opacity=100); LEFT: 0px; WIDTH: 200px; POSITION: absolute; TOP: auto; opacity: 1}
#p7ssm_navList {DISPLAY: block}
#p7ssm_navList UL {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#p7ssm_navList LI {	LIST-STYLE-TYPE: none}
#p7SSMwhmb {BACKGROUND: url(http://www.cnibs.org/images/newbg01.gif) no-repeat; FILTER: alpha(opacity=100); WIDTH: 396px; PADDING-TOP: 14px; HEIGHT: 85px; opacity: 1.0}
#p7ssm_thumb_wrapper {}
#p7ssm_dragbar {}
#p7ssm_dragbar SPAN {}
#p7ssm_preview {}
#p7ssm_preview TABLE {}
#p7ssm_preview TD {}
#p7ssm_preview IMG {BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; WIDTH: 100px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid; HEIGHT: 100px}
.p7ssm_sectionTrigger {	DISPLAY: none}
.p7ssm_thumb_section {	PADDING-LEFT: 4px; WIDTH: 392px}
.p7ssm_thumb_section LI {	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 6px}
.p7ssm_thumb_section A {BORDER-RIGHT: #eaeaea 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #eaeaea 1px solid; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; BORDER-LEFT: #eaeaea 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #eaeaea 1px solid}
.p7ssm_thumb_section A {DISPLAY: block; FLOAT: none}
.p7ssm_thumb_section A:hover {BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid}
.p7ssm_thumb_section A:hover IMG {PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 79px; PADDING-TOP: 1px; HEIGHT: 67px}
.p7ssm_thumb_section .down {BORDER-RIGHT: #b6e000 3px solid; BORDER-TOP: #b6e000 3px solid; BORDER-LEFT: #b6e000 3px solid; CURSOR: default; BORDER-BOTTOM: #b6e000 3px solid}
.p7ssm_thumb_section .down IMG {PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 79px; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 67px; BORDER-BOTTOM-STYLE: none}
.p7ssm_thumb_section IMG {BORDER-RIGHT: #c6c6c6 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c6c6c6 1px solid; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #c6c6c6 1px solid; WIDTH: 79px; PADDING-TOP: 1px; BORDER-BOTTOM: #c6c6c6 1px solid; HEIGHT: 67px}
.p7ssm_clearThumbs {CLEAR: both; FONT-SIZE: 0px; LINE-HEIGHT: 0; HEIGHT: 0px}
#p7ssm_toolbar {DISPLAY: none}
#p7ssm_tools {}
#p7ssm_toolbar EM {DISPLAY: none}
#p7ssm_toolbar A {DISPLAY: block}
#p7SSMtnav {DISPLAY: block; BACKGROUND-IMAGE: url(dt_01.jpg); WIDTH: 34px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
.down#p7SSMtnav {BACKGROUND-POSITION: left bottom}
#p7SSMthmb {BACKGROUND-IMAGE: url(dt_01.jpg); WIDTH: 23px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
.down#p7SSMthmb {BACKGROUND-POSITION: left bottom}
#p7ssm_first {BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/buttom/first.jpg); WIDTH: 22px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px
}
#p7ssm_prev {BACKGROUND-IMAGE: url(images/buttom/prew.jpg); WIDTH: 18px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
.p7ssm_play {BACKGROUND-IMAGE: url(images/buttom/play.jpg); WIDTH: 28px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
.p7ssm_pause {BACKGROUND-IMAGE: url(images/buttom/pause.jpg); WIDTH: 28px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
#p7ssm_next {BACKGROUND-IMAGE: url(images/buttom/next.jpg); WIDTH: 18px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
#p7ssm_last {BACKGROUND-IMAGE: url(images/buttom/last.jpg); WIDTH: 28px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 36px}
#p7ssm_counter {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #888888; PADDING-TOP: 0px}
#p7ssm_slidechannel {Z-INDEX: 1; BACKGROUND-IMAGE: url(speedchannel.jpg); WIDTH: 50px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 0px; HEIGHT: 36px}
#p7ssm_slider {Z-INDEX: 100; LEFT: 20px; WIDTH: 8px; POSITION: absolute; TOP: 10px; HEIGHT: 17px}
#p7ssm_slidebar {WIDTH: 8px; CURSOR: default; BACKGROUND-REPEAT: no-repeat; HEIGHT: 17px}
#p7ssm_first:hover {BACKGROUND-POSITION: left bottom}
#p7ssm_prev:hover {BACKGROUND-POSITION: left bottom}
.p7ssm_play:hover {BACKGROUND-POSITION: left bottom}
.p7ssm_pause:hover {BACKGROUND-POSITION: left bottom}
#p7ssm_next:hover {BACKGROUND-POSITION: left bottom}
#p7ssm_last:hover {BACKGROUND-POSITION: left bottom}
#p7ssm_slidebar:hover {	BACKGROUND-POSITION: left bottom}
#p7SSMthmb:hover {BACKGROUND-POSITION: left bottom}
#p7SSMtnav:hover {BACKGROUND-POSITION: left bottom}
#p7ssm_speed {BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #000 1px solid; DISPLAY: none; PADDING-LEFT: 4px; FONT-SIZE: 10px; Z-INDEX: 100; FILTER: alpha(opacity=75); LEFT: 0px; PADDING-BOTTOM: 4px; BORDER-LEFT: #000 1px solid; COLOR: #cccccc; PADDING-TOP: 4px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; POSITION: absolute; TOP: 36px; BACKGROUND-COLOR: #333333; opacity: 0.75}
#p7ssm_fstbl {MARGIN: 0px}
#p7ssm_fullsize {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 396px; PADDING-TOP: 0px}
#p7ssm_fsc {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 396px; PADDING-TOP: 0px}
#p7ssm_fsw {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#p7ssm_fsimg IMG {WIDTH: 396px; HEIGHT: 225px}
#p7ssm_description {FONT-SIZE: 14px; WIDTH: 396px; LINE-HEIGHT: 28px; HEIGHT: 28px}
#p7ssm_cf {	Z-INDEX: 99; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px}
#p7ssm_cf IMG {	DISPLAY: block}
#p7ssm_fsc IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
#p7ssm_fsc IMG {DISPLAY: block}
#p7ssm_description {PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: #ffffff; FILTER: alpha(opacity=60); PADDING-BOTTOM: 0px; MARGIN: -24px 0px 0px; COLOR: #333333; PADDING-TOP: 0px; TEXT-ALIGN: center; opacity: 0.60
}
#p7ssm_description P {MARGIN: 6px 0px; COLOR: #333333}
#p7ssm_description A {COLOR: #333333}
.p7ssm_lk {	DISPLAY: none}
.p7ssm_fd {PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 396px; PADDING-TOP: 0px}
#p7ssm_loading {Z-INDEX: 100; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px}