/******* Main Block *****************/
.wrap {
	display: inline;
	float: left;
	clear: both;
	width: 700px;
	margin:0px 0 0 5px;
}

/******* Left-side, Right-side *****************/
.sideL {
	float: left;
	width: 560px;
	margin-right: 10px;
}

.gg {margin: 10px 0 0 0;
	float: right;
	width: 200px;
	margin-right: 10px;
}

.sideR {
	float: left;
	width: 170px;
}

.blockR {
	clear: both;
	margin-top: 10px;
	border-bottom: 1px solid #c0c0c0;
	padding: 5px 10px;
	background: url(../images/bg_blockR.gif) no-repeat top;
}

.blockR h4 {
	height: 20px;
	border-bottom: 1px solid #c0c0c0;
	line-height: 20px;
}

.blockR ul {
	margin-top: 5px;
	height: 60px;
}

.blockR li {
	width: 140px;
	height: 20px;
	padding-left: 10px;
	background: url(../images/icon_li_square_orange.gif) no-repeat left;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/******* Left-side, Right-side (2) *****************/
.side2L {
	float: left;
	width: 480px;
	margin-right: 10px;
}

.side22L {
	float: left;
	width: 740px;
	margin-right: 10px;
}

.side3L {
	float: left;
	width: 700px;
	margin-right: 10px;
}

.side2R {
	float: left;
	width: 250px;
}

.block2R {
	background: #f5f5f5;
}

.block2R ul {
	padding: 5px 10px 10px 10px;
}

.block2R dl {
	padding: 5px 10px 10px 10px;
}

.block2R dt {
	margin-top: 5px;
	line-height: 24px;
}

.block2R dd {
	color: #a9a9a9;
}

.block2R dd * {
	color: #a9a9a9;
}

/******* Latest News by Category *****************/
.wrapCat {
	display: inline;
	float: left;
	clear: both;
	width: 708px;
	margin-left: 1px;
}

.blockCat {
	display: inline;
	float: left;
	width: 340px;
	height: 180px;
	margin: 0px 0 0 10px;
}

.blockCat h5{
       font-weight: normal;
       font-size: 14px;
}

.blockCat ul {
	margin: 5px 10px 10px 10px;
}


/******* Title Bar *****************/
.titleBar {
	clear: both;
	height: 27px;
	background: url(../images/titlebar_bg.gif);
	color: #fff;
	line-height: 24px;

}


.titleBar a {
	color: #626262;
        font-size: 18px;
}

.titleBar a:hover {
	color: #626262;
	text-decoration: none;
}

.titleBar h3, .titleBar h4 {
	float: left;
	height: 27px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 1px;
}

.titleBar h3 {
	padding-left: 16px;
	background: url(../images/titlebar_divider.gif) no-repeat 7px 0;
	font-size: 14px;
font-color:#ffffff;
}

.titleddBar h3 {
	padding-left: 16px;
	background: url(../images/titlebar_divider.gif) no-repeat 7px 0;
	font-size: 14px;
font-color:#000000;
}

.titleBar h4 {
	padding-left: 10px;
	font-size: 12px;
}

.titleBar h5 {
	font-size: 14px;
}

.titleBar span {
	float: right;
	display: block;
	height: 27px;
	padding-right: 2px;
	letter-spacing: 1px;
}

.titleBar span a {
	display: block;
	float: left;
	width: 100px;
	height: 27px;
	margin-right: 2px;
	background: url(../images/titlebar_tab.gif);
	color: #333;
	text-align: center;
	line-height: 27px;
}

.titleBar span a.thisTab {
	background: url(../images/titlebar_tabH.gif);
}

.titleBar span a:hover {
	background: url(../images/titlebar_tabH.gif);
	color: #ff8c00;
}

.titleBar span.narrowTabs a {
	width: 80px;
	background: url(../images/titlebar_tab2.gif);
}

.titleBar span.narrowTabs a.thisTab {
	background: url(../images/titlebar_tab2H.gif);
}

.titleBar span.narrowTabs a:hover {
	background: url(../images/titlebar_tab2H.gif);
	color: #ff8c00;
}

.titleBar span.wideTabs a {
	width: 120px;
	background: url(../images/titlebar_tab3.gif);
}

.titleBar span.wideTabs a.thisTab {
	background: url(../images/titlebar_tab3H.gif);
}

.titleBar span.wideTabs a:hover {
	background: url(../images/titlebar_tab3H.gif);
	color: #ff8c00;
}

.titleBar cite {
	float: right;
	padding: 0 7px;
	background: url(../images/titlebar_divider.gif) no-repeat left;
	line-height: 24px;
	letter-spacing: 1px;
}

.titleBar label {
	float: left;
	width: 56px;
	height: 27px;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../images/titlebar_divider.gif) no-repeat right 0;
	color: #fff;
	line-height: 25px;
}

.titleBar h2 {
	display: inline;
	font-weight: normal;
}

#searchBar {
	float: right;
	padding-top: 9px;
	text-align: right;
}

#searchBar button {
	width: 21px;
	height: 21px;
	margin-left: 0 !important; margin-left: 3px;
	background: url(../images/button_search.gif) no-repeat;
	text-indent: -9999px;
	vertical-align: middle;
	cursor: pointer;
}

/******* Thumbnail List *****************/
.thumbList li {
	display: inline;
	float: left;
	width: 330px;
	margin: 10px 5px 0 5px;
	border: 0px solid #c0c0c0;
	padding: 3px;
	text-align: center;
}

.thumbList li div {
	display: table;
	height: 100px;
	font-size: 90px;
	line-height: 90px;
	overflow: hidden;
}

.thumbList li div a {
	display: table-cell !important; display: block;
	width: 100px;
	vertical-align: middle;
}

.thumbList li img {
	max-width: 60px;
	max-height: 45px;
	width: expression(this.width >100 && this.height < this.width ? 100: true);
	height: expression(this.height > 100 ? 100: true);
	font-size: 10px;
	vertical-align: middle;
}

@media all and (min-width: 0px){ .thumbList li img { width: 100px; height: 100px; } } /*for Opera Only*/

.thumbList li p {
	width: 100%;
	margin-top: 5px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.thumbList li p strong {
	font-weight: normal;
	vertical-align: baseline;
}

.thumbList li p cite {
	color: #a9a9a9;
	vertical-align: baseline;
}

.thumbList li p cite * {
	color: #a9a9a9;
}


/*·ÖÒ³*/
.pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 2px; }
	.xspace-page { float: right; margin: 2px 0 0 0; }
		.xspace-page a, .xspace-page span { float: left; display: inline; margin-right: 3px; line-height: 20px; padding: 0 5px; border: 1px solid; border-color: #CEE3EA #90AAB4 #90AAB4 #CEE3EA; background: #F5FBFF; }
			span.xspace-totlerecord, span.xspace-totlepages { color: #090; }
				span.xspace-totlerecord { margin-right: 0; border-right: none; }
			span.xspace-current { background: #F90; border-color: #0A0 #060 #060 #0A0; color: #FFF; font-weight: bold; }



/*index*/
/******* Default Option *****************/
* {
	margin-top: 0;
        margin-bottom:0;
	padding: 0;
	word-break: break-all; /* Wrap in IE */
}

a{blr:expression(this.onFocus=this.blur());}
#stream1.pm ol p.pm-parent {margin-top:.5em; padding:.5em .8em; background:#eee; color:#666; font-size:12px; line-height:125%;}

/******* Left-side, Right-side (2) *****************/
.side2L {
	float: left;
	width: 345px;
	margin-right: 5px;
        margin-top: 5px;
}


/******* Headline Pix *****************/
.headlinePix {
	width: 150px;
	border: 1px solid #c0c0c0;
	padding: 1px;
}

.headlinePix a {
	display: block;
	width: 150px;
	height: 120px;
	overflow: hidden;
}

.headlinePix a img {
	max-width: 150px;
	width: expression(this.width >150 && this.height < this.width ? 150: true);
}

@media all and (min-width: 0px){ .headlinePix a img { width: 150px; } } /*for Opera Only*/

/******* Headline Pix2 *****************/
.headlinePix2 {
	width: 60px;
	border: 1px solid #c0c0c0;
	padding: 1px;
}

.headlinePix2 a {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.headlinePix2 a img {
	max-width: 60px;
	width: expression(this.width >60 && this.height < this.width ? 60: true);
}

@media all and (min-width: 0px){ .headlinePix2 a img { width: 60px; } } /*for Opera Only*/

/******* Headline List *****************/
.headlineList li {
	clear: both;
	height: 124px;
	margin-top: 18px;
	margin-bottom: 0 !important; margin-bottom: -3px; /* Fix IE-FF Compatibility */
}

.headlineList p.headlinePix {
	float: left;
}

.headlineList div {
	display: block;
	float: right;
	width: 175px;
	height: 119px;
	margin-left: 10px;
	padding-bottom: 10px;
	background: url(../images/line_x.gif) repeat-x bottom;
}

.headlineList h5 {
	width: 175px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.headlineList div p {
	margin-top: 5px;
	line-height: 20px;
}

.headlineList div p.note {
	margin-top: 0px;
	color: #a9a9a9;
}

.headlineList div p.note * {
	color: #a9a9a9;
}


TEXTAREA{FONT-SIZE:9pt}
INPUT{FONT-SIZE:9pt;HEIGHT:20px}
SELECT{FONT-SIZE:9pt;HEIGHT:20px}
input.fminpt{BORDER-RIGHT:gray 1px solid;BORDER-TOP:gray 1px solid;FONT-SIZE:9pt;BORDER-LEFT:gray 1px solid;BORDER-BOTTOM:gray 1px solid;HEIGHT:19px;}
input.fmchkbox{FONT-SIZE:9pt;}
.fmtxtra{BORDER-RIGHT:gray 1px solid;BORDER-TOP:gray 1px solid;FONT-SIZE:9pt;BORDER-LEFT:gray 1px solid;BORDER-BOTTOM:gray 1px solid}
.fmbtn{border:1px solid gray;height:20px;font:"menu";}
P{FONT-SIZE:9pt;}
TD{FONT-SIZE:9pt;}
LI{FONT-SIZE:9pt;MARGIN-LEFT:0pt;}
SELECT{FONT-SIZE:9pt;BACKGROUND-COLOR:white}
TEXTAREA{FONT-SIZE:9pt;}
INPUT{FONT-SIZE:9pt;}
.TBTop{BACKGROUND-COLOR:#FFFFFF}
.TBHead{BACKGROUND-COLOR:#CCCCCC;BACKGROUND-IMAGE:url(../images/macx1.jpg);HEIGHT:17px}
.HeadFont{COLOR:#003366}
.TBHead2{BACKGROUND-COLOR:#E8E8E8;BACKGROUND-IMAGE:url(../images/macx1.jpg);HEIGHT:17px}
.TBBG9{BACKGROUND-COLOR:#FFFFFF}
.TBBG1{BACKGROUND-COLOR:#F9F9F9}
.TBone{BACKGROUND-COLOR:#FFFFFF}
.TBthree{BACKGROUND-COLOR:#FFFFFF}
.TBfour{BACKGROUND-COLOR:#F0F0F0}
.TBtwofont{COLOR:#003366}
.TBframeButton{BACKGROUND-COLOR:#777777}
.TBframeBG{BACKGROUND-COLOR:#FFFFFF}
.RedFont{COLOR:red}
.TBMenu{BACKGROUND-COLOR:#E8E8E8}
.MenuBG{BACKGROUND-COLOR:#0000000}
.MenuColor{BACKGROUND-COLOR:#0000000}
.si{visibility:hidden; height:0px; position:absolute;}
#weather {
	position:absolute;
	left:643px;
	top:3px;
	width:143px;
	height:35px;
	z-index:1;
	background-color: ;
	overflow: visible;
	font-size: 12px;
	color: #666666;
}
.wenzi{font-size: 13px}
.altbg1			{ background: #F9f9f9 }
.altbg2			{ background: #FFFFFF }
.caption { font-size: 11px; text-align:center; font-weight:bold; margin-bottom:9px; }


.newstype_nav {
	background:url(../images_2/title2_bg.gif) repeat-x;
	height:56px;
	color:#505050
}
.newstype_nav_left {
	background:url(../images_2/title2_bg_left.gif) left no-repeat;
	width:9px;
	height:56px;
	float:left
}
.newstype_nav_right {
	background:url(../images_2/title2_bg_right.gif) no-repeat;
	width:9px;
	height:56px;
	float:right
}
.newstype_nav_line {
	padding-top:4px;
	clear:left;

}
.newstype_nav_line li {
    margin-right:10px;
	float:left;
	line-height:17px;

}
.newstype_nav_line a {

	padding-right:6px;
	display:block;
	color:#505050
}
.newstype_nav_line a.act {
	background:url(../images_2/news_nav_bg_act.png) right;
	font-weight:bold;
	color:#fff
}
.newstype_nav_line a.act span {
	background:url(../images_2/news_nav_bg_act_span.png);
	height:17px;
	width:3px;
	display:block;
	float:left;
	4margin-top:2px;
	4margin-bottom:2px; /**/
}
.list2 li {
	margin:5px auto;
	padding-top:5px;
	width:300px;
	height: 110px;
	float:left;
	padding-right:25px
}
.list2 li img {
	margin:0 10px;
	padding-bottom:5px;
	background: url(../images_2/article_img_bg.gif) bottom no-repeat;
	float:left;
}
.list2 div {
	color:#7e7e7e;
	font-size:12px;
	color:#a9a9a9;
	width:180px;
	float:right;

}
.list2 strong {
	color:#595959;
	display:block;
	font-size:1em
}
.list2 span {
	color:#595959;
	display:block;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif
}
.list2 p {
	margin:0;
	color:#828282;
	font-size:12px
}
a.more {
	display:block;
	margin:6px 0 0 0;
	padding-left:16px;
	background:url(../images_2/mroe.gif) no-repeat;
	background-position:0 1px;
	font-size:11px
}
a.more:hover {
	background: url(../images_2/mroe_hover.gif) no-repeat;
	background-position:0 1px;
}



.item {
   margin:0px;padding:0px;float: left; display: inline;width:220px;height:270px;
}

.item p {
display:block;width:200px;height:100px;padding:0px;margin:0px;text-align:left;
}

.bar_title {
   display:block;
   color: #a1a1a1;
   font-weight:bold;
   text-align:left;
   width:190px;
   padding:5px 5px 0 5px;
}
.bar_title a {
   color:#a1a1a1;
}
.bar_title a:visited {
   color:#a1a1a1;
}
.bar_brief {
   display:block;
   color:#828282;
   font-weight:normal;
   line-height:15px;
   text-align:left;
   width:190px;
   padding:5px;
   font-size:11px;
   font-family: MingLiU;
}

/* menu */
#menu {
    width:975px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	position: relative;
    font-weight: bold;
	background:url(../images_2/logo_SOS.jpg) no-repeat left top;
	padding-top:28px;
	height:40px;
}
#menu ul {
	list-style: none;
	margin:0 0 0 130px;
}
#menu li {
	float: left;
}
#menu a {
	float: left;
	display: block;
	height: 40px;
	padding: 0 10px;
	cursor: pointer;
}
.menubu button { border: none; background: transparent url(../images/btn_search.gif) no-repeat 50% 50%; width: 55px; text-indent: -9999px; }

.smenu {
    width:975px;
    margin-left:auto;
	margin-right:auto;
    font-weight: bold;
	padding-top:15px;
}
.smenu ul {
	list-style: none;
	margin:0 0 0 135px
}
.smenu li {
	float: left;
}
.smenu a {
    float: left;
    font-size: 12px;
    font-weight: bold;
	padding: 0 10px;
	color: #01A0F2;
	cursor: pointer;
	letter-spacing: 1px;
	text-decoration: none;
}

/* view */
.potfolio_content{padding-top:8px}
.potfolio_content .left{float:left;margin-left:10px;width:630px;}
.potfolio_content .left div{color:#505050}
.potfolio_content .left p{margin:2px 0 0 0;color:#7e7e7e;line-height:18px;}
.potfolio_content .left img {
	float:left;
	padding-bottom:5px;
	background: url(../images_2/article_img_bg.gif) bottom no-repeat;

}
.potfolio_content .left div{margin-left:110px}
.potfolio_content .right{
	width:245px;
	float:right;
	margin-top:10px;
	background:url(../images_2/aboutlink_top_bg.gif) no-repeat;
	padding-top:8px
}
.potfolio_content .right .top{background:url(../images_2/aboutlink_top_bg.gif) no-repeat;height:8px;}
.potfolio_content .right .bottom{ background: url(../images_2/aboutlink_down_bg.gif) no-repeat;height:14px; margin-bottom:12px}
.potfolio_content .center{ width:500px; float:left}
.potfolio_content h4 {
	font-weight:normal;
	margin:0;
	font-size:28px;
	color:#7e7e7e;
	font-family: Microsoft YaHei,arial;
}
.potfolio_content h4 span {
	font-size:11px;
	color:#7e7e7e;
	font-family:arial;

}
.potfolio_content h4 a:visited {
	color:#0086e3;
}
.potfolio_content h5 {
	color:#a8a8a8;
	padding:0;
	margin:0;
	font-size:1em;
	font-weight:normal
}
.potfolio_content h6 {
	font-weight:normal
}
.potfolio_content h6 a {
	background:url(../images_2/mroe.gif) no-repeat center left;
	padding-left:16px;
	font-weight:normal
}
.potfolio_content h6 a:hover {
	background:url(../images_2/mroe_hover.gif) no-repeat center left;
}